Skip to content
This repository has been archived by the owner on Aug 26, 2021. It is now read-only.

AngusFu/wx-platform-editor

Repository files navigation

介绍下最近刚刚完成的简单的微信公众号编辑助手插件,可用于抓取博客,生成 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)
  • 微信公众号后台页面匹配需要更加精准
  • 应该能够允许自定义样式
  • 缓存问题,需要考虑容量 & 过期的问题