qiqihaobenben / wx-platform-editor

微信公众号 markdown 编辑插件

介绍下最近刚刚完成的简单的微信公众号编辑助手插件，可用于抓取博客，生成 Markdown，经过渲染后，可以注入一键注入到公众号编辑器：帮你省去 C+V 步骤，也无需从其他网页保存图片然后再手动上传。

当然，也可以当作代码高亮的工具来使用。如果您只需要高亮功能，建议访问 https://angusfu.github.io/wx-editor/。

Features

• 专为微信图文推送定制，Markdown 编辑省心省力
• 代码高亮保证好用，七种 Prims 代码主题任你选
• 踩过的坑足够多，成功避开微信过滤机制造成视觉效果偏离预期
• 无需 CV 大法，一键帮你写入微信
• 无需繁杂的保存图片、上传流程，替你完成全部上传工作
• 直接抓取众成翻译的 Markdown，快速便捷
• 使用 Mercury Web Parser 抓取任意博客文章页
• 内置奇舞周刊编辑工具

使用方式

1. 下载 zip 压缩包到 PC 本地，并解压
2. 在 Chrome 中打开扩展程序设置页 chrome://extensions/
3. 右上角勾选开发者模式
4. 点击加载已解压的扩展程序按钮，选择刚刚解压得到的文件夹
5. 完成，记得启用扩展程序哟~
6. 需要使用本插件的时候，请点击对应的图标：

选项说明

• New：点击后会弹出输入框，可以输入新的文章地址
• Code Style： 用于更换代码高亮主题
• Weekly：奇舞周刊编辑工具
• Copy：编辑完成后，将带有样式的代码复制到剪切板
• Inject：编辑完成后，点击Inject即可

注意事项

1. 所有图片尽量不超过 2 M
2. 仅支持 jpg, gif, png 等格式
3. 不支持 webp, svg 等其他格式
4. 发生问题的图片，在插入微信编辑器中时，会以默认图替代
5. 编辑完成后，请务必到微信中预览...
6. 编辑时请随时做好整理代码格式的准备（虽然程序真的已经帮你做了一部分）
7. 如果只需要代码高亮功能，请访问 https://angusfu.github.io/wx-editor/

DEMO

TODO

• 外站相对路径解析（主要是解决图片的问题）: 暂不解决
• 编辑器暂不支持行内 HTML 标签高亮（需要进一步学习 CodeMirror）
• 微信公众号后台页面匹配需要更加精准
• 应该能够允许自定义样式
• 缓存问题，需要考虑容量 & 过期的问题