docs: update README

This commit is contained in:
yanglbme 2019-11-05 10:02:28 +08:00
parent ae78668e9c
commit bc32f78279

View File

@ -15,8 +15,8 @@
每个人的审美都不一样,我希望能在基础 CSS 样式的基础上进行改造,定义一款自己喜欢的微信 Markdown 编辑器。
## 如何扩展样式?
- 首先在 `assets/scripts/themes/` 文件夹下添加一个 js 文件作为扩展的主题样式,如 `pink.js`内容的格式与其他主题保持一致let 变量命名为 `pinkTheme`
- 然后在 `assets/scripts/editor.js` 中,找到变量 `themeOption`,添加一个选项(建议将 author 设置为色值的十六进制),如:
- 首先在 [`assets/scripts/themes/`](assets/scripts/themes/) 文件夹下添加一个 js 文件作为扩展的主题样式,如 `pink.js`内容的格式与其他主题保持一致let 变量命名为 `pinkTheme`
- 然后在 [`assets/scripts/editor.js`](assets/scripts/editor.js) 中,找到变量 [`themeOption`](assets/scripts/editor.js#L29),添加一个选项(建议将 author 设置为色值的十六进制),如:
```javascript
themeOption: [
{ label: '橘红', value: 'orange', author: '#ff5f2e' },
@ -25,7 +25,7 @@
{ label: '粉色', value: 'pink', author: '#ff1cae'},
],
```
接着在下方的 `styleThemes` 中添加 一个 pink 主题,如:
接着在下方的 [`styleThemes`](assets/scripts/editor.js#L34) 中添加 一个 pink 主题,如:
```javascript
styleThemes: {
orange: orangeTheme,
@ -34,7 +34,7 @@
pink: pinkTheme,
},
```
- 最后在 `index.html` 文件末尾引入 pink.js 文件,如:
- 最后在 [`index.html`](index.html#L131) 文件末尾引入 pink.js 文件,如:
```javascript
<script src="assets/scripts/themes/orange.js"></script>
<script src="assets/scripts/themes/lightgreen.js"></script>