(我认为的)WordPress + CKEditor 代码高亮的正确姿势

CodeingBoy 2月 07, 2017

撰写有代码的博文时经常会犯愁:怎么给代码应用特别的格式呢?

Google 一下得到不少解决办法:

  1. SyntaxHighlighter Evolved
    这种方法是通过编写特定的标记来实现的,好处是与编辑器无关,效果也不错。不过我搭配编辑器测试过后有时候内容会被打乱——比如会和正文部分搅在一起。而且需要自己复制到正文里面再打标记——我想要扔到一个编辑框然后标记就给我写好了。
  2. WP Code Highlight
    和上一种办法也差不多,只是换成了pre标签。
  3. CKEditor + Auto SyntaxHighlighter + SyntaxHighlighter CKEditor Button
    目前正在使用的方法,只需要安装这三个插件,CKEditor 就会出现一个插入代码的按钮,点击之后把代码扔进去,选好语言,搞定。

详细和进阶使用方法可以参考这篇博文

本文采用 CC BY-NC-SA 3.0 协议进行许可,在您遵循此协议的情况下,可以自由共享与演绎本文章。
本文链接:https://blog.codeingboy.me/my-code-highlight-way-of-wordpress/

发表评论

电子邮件地址不会被公开。 必填项已用*标注