爱意满满的作品展示区。
imlinhanchao

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

  •  
  •   imlinhanchao ·
    imlinhanchao · Dec 31, 2016 · 4869 views
    This topic created in 3515 days ago, the information mentioned may be changed or developed.

    最近,由于社团微信公众号写文章常常要插入代码,用了几款高亮代码生成的软件效果都不尽人意。于是索性自己做了一款 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 replies    2017-02-14 13:50:11 +08:00
    RE
        1
    RE  
       Dec 31, 2016 via iPhone
    不知道行距是不是微信统一的,感觉有点大了
    imlinhanchao
        2
    imlinhanchao  
    OP
       Dec 31, 2016
    @RE 行距没有重写,应该是沿用微信的,这个可以改一下。
    mingyun
        3
    mingyun  
       Jan 1, 2017
    除了代码高亮,支持 markdown 吗
    imlinhanchao
        4
    imlinhanchao  
    OP
       Jan 1, 2017
    @mingyun markdown 用 markdown here 就可以了,不过 markdown here 的代码高亮在微信公众号有问题,所以重新写了一个。
    GooooooniX
        5
    GooooooniX  
       Feb 14, 2017
    666 我在 coding 上看到了你的仓库.
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2784 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 09:25 · PVG 17:25 · LAX 02:25 · JFK 05:25
    ♥ Do have faith in what you're doing.