mirror of
https://github.com/doocs/md.git
synced 2024-10-30 15:57:50 +08:00
Merge branch 'master' of https://github.com/doocs/md into feat/custom-css
This commit is contained in:
commit
e570e0fceb
@ -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>
|
||||
|
@ -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;
|
||||
|
||||
|
@ -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',
|
||||
},
|
||||
|
||||
|
@ -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形式的结果串
|
||||
|
Loading…
Reference in New Issue
Block a user