diff --git a/README.md b/README.md index 77e6e84..43a3ee2 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,4 @@ -# wxmd-editor -Wechat Markdown Editor | 微信 Markdown 编辑器 +# Wechat Markdown Editor +> Fork from https://github.com/zkqiang/wechat-mdeditor + +Visit https://yanglbme.github.io/wxmd-editor/index.html to start writing. diff --git a/assets/default-content.md b/assets/default-content.md index b610d2d..2272771 100644 --- a/assets/default-content.md +++ b/assets/default-content.md @@ -1,14 +1,9 @@ -# 公众号 Markdown 编辑器 +## 文章编辑示例 ### 简介 - -这款编辑器可以将 Markdown 转换成微信公众号编辑器的样式,只需将 MD 文档复制到左侧栏,再在右侧栏顶部"点击复制",右侧预览内容就可被复制到公众号后台。 - -这让你在公众号创作时,把更多的时间专注于文章本身,而不是繁琐地调整文章样式。 - +一款自动将 Markdown 文章自动渲染成微信公众号文章样式的工具。 ### 功能 - - 支持序号列表和圆点列表,解决了样式会被重置的问题 - 外链会自动转换为参考文献索引,并且附在文章末尾 - 支持多种字体和样式 @@ -17,76 +12,29 @@ - 支持编辑内容自动保存、预览同步滚动等常见功能 ### 关于 Markdown - 1. Markdown 是一种轻量级标记语言,能将文本换成有效的 XHTML(或者HTML) 文档 2. Markdown 强大之处,在于可以用一套格式,在所有支持 Markdown 的编辑器中转换成发布样式,做到最大化兼容,不需要担心复制到不同编辑器中样式被破坏 3. 正如你右侧看到的这样,Markdown 被转换成了微信支持的样式,同样你可以在一字不改的情况下,在 Github 等平台上转换类似的样式 4. 学习 Markdown 的语法,可以查看 [Markdown 语法入门手册](https://www.w3cschool.cn/markdownyfsm/markdownyfsm-odm6256r.html) -## 更多样式 - -### 注音符号 - -[注音符号 W3C 定义](http://www.w3.org/TR/ruby/)。 - -支持日语注音假名、汉语拼音。 - -用法有以下几种: - -* 世界{せかい} -* 小夜時雨{さ・よ・しぐれ} -* 食べる{たべる} -* 丧心病狂{gàn・de・piào・liang} - ### 图片 - -接下来是一张图片。你可以用自己图床,也可以上传到微信媒体库再把图片 URL -粘贴回来,或者编辑好以后,在公众号里插入图片。 - -![这里可以写图片描述](https://static.zkqiang.cn/images/20191019181145.JPG-slim) - -如果使用图床链接的话,有可能复制后图片不能被上传,需要手动在微信重新上传替换。 +``` +![desc](img_url) +``` ### 代码块 - -代码高亮使用了 Github 配色方案,后续会加入更多配色。 - -**注意:由于微信编辑器限制,复制后若在微信编辑器中点击代码块,会被微信自动重置后它的配色,只能重新再复制** - -```cpp -#include - -const int MAX = 10; -int cache[MAX] = {0}; - -int fib(int x) { - if (x == 1) return 1; - if (x == 0) return 0; - if (cache[x] == 0) { - int ret = fib(x - 1) + fib(x - 2); - cache[x] = ret; +```java +public class Main { + public static void main(String[] args) { + System.out.println("Hello, World!"); } - return cache[x]; -} - -int main() { - int i; - printf("fibonacci series:\n"); - for (i = 0; i < MAX; ++i) { - printf("%d ", fib(i)); - } - return 0; } ``` ### 内联代码 - inline code `{code: 0}` ### 表格 - -表格无法使用自定义样式,暂时没找到解决途径 - | Header 1 | Header 2 | | --- | --- | | Key 1 | Value 1 | @@ -94,15 +42,14 @@ inline code `{code: 0}` | Key 3 | Value 3 | ### 超链接 - 如果是公众号文章的超链接,是可以点击打开的,但其他链接都无法点击,所以这里使用类似于文献的底部引用。 例如: -[这是一篇公众号文章](https://mp.weixin.qq.com/s/ahpV7Poj5wHmtUP6vqy3gg) - -[这是我的博客地址](http://zkqiang.cn) - -[通过引号设置引用名](http://prod.zkqiang.cn/wxeditor "这是自定义的引用名") - -[本项目是 Fork 自 Lyric 原项目后的二次开发,感谢他的贡献!](https://github.com/lyricat/wechat-format "原项目代码库") +- [2019 GitHub 开源贡献排行榜新鲜出炉!微软谷歌领头,阿里跻身前 12!](https://mp.weixin.qq.com/s/_q812aGD1b9QvZ2WFI0Qgw) +- [Google 搜索的即时自动补全功能究竟是如何“工作”的?](https://mp.weixin.qq.com/s/YlMISSc3Sn890BzTLytcLA) +- [厉害了,原来 Redisson 这么好用!](https://mp.weixin.qq.com/s/lpZ7eRdImy0MyTEVH68HYw) +- [一文带你搞懂 “缓存策略”](https://mp.weixin.qq.com/s/47A_iXY_nArURwUTPHr2IQ) +- [Java Getter/Setter “防坑指南”](https://mp.weixin.qq.com/s/TZqcAw7NTlcvU-p930-eHA) +- [太棒了,GitHub Review 代码能力小升级](https://mp.weixin.qq.com/s/Lok0epqn91Q51ygZo_FLkg) +- [巧用 Redis Hyperloglog,轻松统计 UV 数据](https://mp.weixin.qq.com/s/w1r-M6YVvQSfUtzO_xe44Q) diff --git a/assets/images/qrcode.jpg b/assets/images/qrcode.jpg new file mode 100644 index 0000000..96aca58 Binary files /dev/null and b/assets/images/qrcode.jpg differ diff --git a/index.html b/index.html index 1828a3e..9083dbd 100644 --- a/index.html +++ b/index.html @@ -107,11 +107,11 @@

除了常规 Markdown 格式化,还增加了外链引用、注音样式等。

- +
查看 GitHub 仓库 + @click="openWindow('https://github.com/yanglbme/wxmd-editor')">查看 GitHub 仓库