V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
imlinhanchao
V2EX  ›  分享创造

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

  •  
  •   imlinhanchao ·
    imlinhanchao · 2016-12-31 13:05:19 +08:00 · 4197 次点击
    这是一个创建于 2884 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近,由于社团微信公众号写文章常常要插入代码,用了几款高亮代码生成的软件效果都不尽人意。于是索性自己做了一款 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

    5 条回复    2017-02-14 13:50:11 +08:00
    RE
        1
    RE  
       2016-12-31 13:55:30 +08:00 via iPhone
    不知道行距是不是微信统一的,感觉有点大了
    imlinhanchao
        2
    imlinhanchao  
    OP
       2016-12-31 14:22:15 +08:00
    @RE 行距没有重写,应该是沿用微信的,这个可以改一下。
    mingyun
        3
    mingyun  
       2017-01-01 11:58:31 +08:00
    除了代码高亮,支持 markdown 吗
    imlinhanchao
        4
    imlinhanchao  
    OP
       2017-01-01 12:46:58 +08:00
    @mingyun markdown 用 markdown here 就可以了,不过 markdown here 的代码高亮在微信公众号有问题,所以重新写了一个。
    CodeCore
        5
    CodeCore  
       2017-02-14 13:50:11 +08:00
    666 我在 coding 上看到了你的仓库.
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2805 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 13:18 · PVG 21:18 · LAX 05:18 · JFK 08:18
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.