一个微信公众号高亮代码插件

2016-12-31 13:05:19 +08:00
 imlinhanchao

最近,由于社团微信公众号写文章常常要插入代码,用了几款高亮代码生成的软件效果都不尽人意。于是索性自己做了一款 Chrome 插件,几乎完美融合原微信公众号编辑器。下面请看效果:

安装后会在编辑器上新增一个按钮:

https://ww4.sinaimg.cn/mw1024/9b9a151bgw1fb9w7xpt7rj20zk0m8jsr.jpg

点击按钮会出现一个代码编辑器,Min Width 是代码块的最小宽度,一般设定为最长那行代码的宽度,在手机显示时,就可以左右滚动,不会换行(如图 4 )。写好代码后按Insert

https://ww1.sinaimg.cn/large/9b9a151bgw1fb9w7ycvlcj20zk0m8jsb.jpg

微信编辑器上的效果:

https://ww3.sinaimg.cn/large/9b9a151bgw1fb9w7ykl5yj20zk0m8abe.jpg

手机上的效果:

https://ww3.sinaimg.cn/large/9b9a151bgw1fb9vwgx73dg20bo0kun1q.gif

目前还没发布到应用商店,大家可以到 Github 下载:

https://github.com/imlinhanchao/crx_wx_code_highlight

4079 次点击
所在节点    分享创造
5 条回复
RE
2016-12-31 13:55:30 +08:00
不知道行距是不是微信统一的,感觉有点大了
imlinhanchao
2016-12-31 14:22:15 +08:00
@RE 行距没有重写,应该是沿用微信的,这个可以改一下。
mingyun
2017-01-01 11:58:31 +08:00
除了代码高亮,支持 markdown 吗
imlinhanchao
2017-01-01 12:46:58 +08:00
@mingyun markdown 用 markdown here 就可以了,不过 markdown here 的代码高亮在微信公众号有问题,所以重新写了一个。
CodeCore
2017-02-14 13:50:11 +08:00
666 我在 coding 上看到了你的仓库.

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/331432

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX