# editor.md.app

**Repository Path**: bruno123/editor.md.app

## Basic Information

- **Project Name**: editor.md.app
- **Description**: 基于开源项目editor.md实现的Chrome 应用.
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 15
- **Created**: 2015-03-12
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#editor.md.app

## editor.md 的相关链接地址

OSC Project [http://www.oschina.net/p/editor-md](http://www.oschina.net/p/editor-md)

Git@OSC [http://git.oschina.net/pandao/editor.md](http://git.oschina.net/pandao/editor.md)

Github Main Page [https://pandao.github.io/editor.md/](https://pandao.github.io/editor.md/)

Github [https://github.com/pandao/editor.md](https://github.com/pandao/editor.md)

## 问题总结

### Markdown转换为HTML后,其中包含的图片无法显示的问题.

Chrome 因为CSP(Content Security Policy)的限制,不能访问外部图片资源:

>What is the CSP for Chrome Apps?

>The content security policy for Chrome Apps restricts you from doing the following:

>You can’t use inline scripting in your Chrome App pages. The restriction bans both <script> blocks and event handlers (<button >).

>You can’t reference any external resources in any of your app files (except for video and audio resources). You can’t embed external resources in an iframe.

>You can’t use string-to-JavaScript methods like eval() and new Function().

原本想通过webRequest的方法,把对图片的请求翻转为fileSystem的或者
chrome-resource-data:的本地请求,或者用XMLRequest请求修改一下.但是webRequest只
能在Chrome Extension 与Chrome legacy packaged app中使用,将Chrome packaged app
变为Chrome legacy packaged app的方法如下:
将manifest.json中的

```javascript
"app": {
	"launch": {
		"local_path": "main.html"
	}
},
```

修改为:

```javascript
"app": {
	"background": {
		"scripts": ["background.js"]
	}
},
```

再加上权限:

```javascript
"permissions": [
	{"fileSystem": ["write", "directory"]},
	"webRequest",
	"webRequestBlocking"
]
```

就可以运行这个legacy packaged app.但是在Chrome的扩展程序管理窗口中报如下的警告
:

>尝试安装此扩展程序时出现以下警告：

>'fileSystem' is only allowed for packaged apps, but this is a legacy packaged app.

>'fileSystem.directory' is only allowed for packaged apps, but this is a legacy packaged app.

>'fileSystem.write' is only allowed for packaged apps, but this is a legacy packaged app.

这也fileSystem中的API就不能正常调用了.

### 通过修改editor.md的代码,将所有的外部图片的请求,都翻转一个XMLRequest请求.

这需要修改代码.

```javascript
function filter() {
	chrome.webRequest.onBeforeRequest.addListener(
		function(details) {
		   var url = details.url;
		   //通过匹配测试一个请求
		   if(url.indexOf("min-player") != -1) {
				  return {redirectUrl: "localhost/player.js"}; //我试了本机服务器下的一个文件。
				  //1. 记得要返回rediretUrl. 之前我用url,是无效的。     
		   }
		   console.log('filter', details.url);
		   return true;
		},
		{urls:["<all_urls>"]},  //监听所有的url,你也可以通过*来匹配。
		["blocking"] 
	);
}
```