Merge branch 'master' of https://github.com/doocs/md into feat/custom-css

README.md

@@ -1,9 +1,9 @@
 # 微信 Markdown 编辑器
 [![github](https://badgen.net/badge/⭐/GitHub/cyan)](https://github.com/doocs/md) [![gitee](https://badgen.net/badge/⭐/Gitee/cyan)](https://gitee.com/doocs/md) [![license](https://badgen.net/github/license/doocs/md)](./LICENSE) [![release](https://img.shields.io/github/v/release/doocs/md.svg)](https://github.com/doocs/md/releases/tag/v1.0.0) [![PRs Welcome](https://badgen.net/badge/PRs/welcome/green)](http://makeapullrequest.com)
 
-> Markdown 文档自动即时渲染为微信图文，让你不再为微信文章排版而发愁！
+> 本项目基于 [wechat-format](https://github.com/lyricat/wechat-format) 进行二次开发，感谢 [lyricat](https://github.com/lyricat) 的创意和贡献！
 
-本项目基于 [wechat-format](https://github.com/lyricat/wechat-format) 进行二次开发，感谢 [lyricat](https://github.com/lyricat) 的创意和贡献！
+Markdown 文档自动即时渲染为微信图文，让你不再为微信文章排版而发愁！
 
 ## 编辑器地址
 欢迎使用本微信 Markdown 编辑器进行排版。只要你会基本的 Markdown 语法，就能做出一篇排版美观、大方的微信图文。
@@ -25,7 +25,7 @@
 - [x] 支持链接微信图文，外链自动转为文末索引
 - [x] 支持一键复制并粘贴到公众号后台
 - [x] 支持图片上传并将 URL 插入编辑器光标定位处
-- [ ] 实现自定义 CSS 并实时渲染（待开发）
+- [ ] 支持自定义 CSS 并实时渲染（[开发中](https://github.com/doocs/md/tree/feat/custom-css)）
 
 ![select-and-replace-color-theme](./assets/images/select-and-replace-color-theme.gif)
 
@@ -41,7 +41,7 @@
 注：如果你使用了本 Markdown 编辑器进行文章排版，并且希望将你的文章加入示例列表，欢迎随时提交 PR。
 
 ## 我的公众号
-GitHub 技术社区 Doocs 旗下唯一公众号“Doocs 开源社区”，欢迎关注，专注于分享有价值的文章；当然，也可以加我个人微信（备注：GitHub）。
+GitHub 技术社区 Doocs 旗下唯一公众号“**Doocs 开源社区**”，欢迎关注，专注于分享有价值的文章；当然，也可以加我个人微信（备注：GitHub）。
 
 <table>
     <tr>

assets/scripts/editor.js

@@ -7,7 +7,7 @@ let app = new Vue({
       source: '',
       editorThemes: [
         { label: '淡雅', value: 'xq-light' },
-        { label: '精美', value: 'eclipse' },
+        { label: '精致', value: 'eclipse' },
         { label: '暗绿', value: 'oceanic-next' }
       ],
       editor: null,
@@ -28,9 +28,9 @@ let app = new Vue({
         { label: '15px', value: '15px', desc: '稍大' }
       ],
       colorOption: [
-        { label: '橘红', value: 'rgba(255, 95, 46, 0.9)', hex: '#FF5F2E' },
-        { label: '淡绿', value: 'rgba(66, 185, 131, 0.9)', hex: '#42B983' },
-        { label: '暗青', value: 'rgba(0, 139, 139, 0.9)', hex: '#008B8B' }
+        { label: '经典蓝', value: 'rgba(15, 76, 129, 0.9)', hex: '最新流行色' },
+        { label: '翡翠绿', value: 'rgba(0, 152, 116, 0.9)', hex: '清新且优雅' },
+        { label: '辣椒红', value: 'rgba(155, 35, 53, 0.9)', hex: '自信且迷人' }
       ],
       aboutDialogVisible: false
     };
@@ -194,11 +194,6 @@ let app = new Vue({
       }
     },
     customStyle() {
-      // this.showBox ?
-      //   this.saveEditorContent(this.cssEditor, '__css_content') :
-      //   this.cssEditor.setValue(localStorage.getItem('__css_content'));
-      // this.showBox = !this.showBox;
-
       this.saveEditorContent(this.cssEditor, '__css_content');
       this.showBox = !this.showBox;
       

assets/scripts/themes/default-theme.js

@@ -16,7 +16,7 @@ let default_theme = {
             'display': 'table',
             'margin': '2em auto 1em',
             'padding': '0 1em',
-            'border-bottom': '2px solid rgba(255, 95, 46, 0.9)'
+            'border-bottom': '2px solid rgba(15, 76, 129, 0.9)'
         },
 
         // 二级标题样式
@@ -27,7 +27,7 @@ let default_theme = {
             'display': 'table',
             'margin': '4em auto 2em',
             'padding': '0 0.2em',
-            'background': 'rgba(255, 95, 46, 0.9)',
+            'background': 'rgba(15, 76, 129, 0.9)',
             'color': '#fff'
         },
 
@@ -38,7 +38,7 @@ let default_theme = {
             'margin': '2em 8px 0.75em 0',
             'line-height': '1.2',
             'padding-left': '8px',
-            'border-left': '3px solid rgba(255, 95, 46, 0.9)'
+            'border-left': '3px solid rgba(15, 76, 129, 0.9)'
         },
 
         // 四级标题样式
@@ -144,7 +144,7 @@ let default_theme = {
 
         // 字体加粗样式
         strong: {
-            'color': 'rgba(255, 95, 46, 0.9)',
+            'color': 'rgba(15, 76, 129, 0.9)',
             'font-weight': 'bold',
         },
 

assets/scripts/util.js

@@ -7,7 +7,7 @@ function setColorWithTemplate(template) {
         custom_theme.block.h3['border-left'] = `3px solid ${color}`;
         custom_theme.block.h4['color'] = color;
         custom_theme.inline.strong['color'] = color;
-        return custom_theme
+        return custom_theme;
     };
 }
 
@@ -98,7 +98,7 @@ function css2json(css) {
         });
 
         // 继续下个声明块
-        css = css.slice(rbracket + 1).trim()
+        css = css.slice(rbracket + 1).trim();
     }
     
     // 返回JSON形式的结果串