当前位置:首页 > 包含标签 代码高亮 的所有文章

[emlog插件]SyntaxHighlighter代码高亮升级到1.5版本

作者:星之宇 发布于:2013-12-31 5:56 ┊ 分类: 原创作品 ┊ 阅读:18850 ┊ 评论:25

这个插件功能只是前台SyntaxHighlighter高亮支持。

安装:直接emlog后台上传插件安装即可,安装后开启插件,即可看效果。


SyntaxHighlighter代码高亮插件下载地址:百度网盘 (所有版本集合)


[2013-12-31]升级到1.5版本

1.支持emlog 5.0+;

阅读全文>>

emlog编辑器kindeditor使用SyntaxHighlighter高亮

作者:星之宇 发布于:2013-5-19 15:28 ┊ 分类: 原创作品 ┊ 阅读:4584 ┊ 评论:9

因为以前大部分人使用的高亮多是SyntaxHighlighter高亮插件,但是新版本的emlog5.1.0的编辑器kindeditor中不能使用该插件,所以前台和后台多没有效果,但是为了统一效果使用SyntaxHighlighter高亮,就要改造kindeditor编辑器。

首先找到code.js(文件在admin/editor/plugins/code文件夹中)这个就是改造的地方。

如何改造我就说了,直接附上改好的文件code.js文件下载:百度网盘(直接用网盘中的文件替换即可)

这个时候后台插入的是时候是按照SyntaxHighlighter的标准插入的。

注意:代码插入的时候要小心了,插入后按回车是跳不出代码模式的,所以要切换到源码模式,或者插入前多按几个回车多几行空行,直接用鼠标定位到光标外。

阅读全文>>

pretty代码高亮插件——pretty for emlog(kindeditor编辑器专用)

作者:星之宇 发布于:2013-3-30 17:44 ┊ 分类: 原创作品 ┊ 阅读:13475 ┊ 评论:8

这个是插件,直接可以在管理中心后台上传插件安装即可。

插件测试:浏览器FireFox,IE6、8、9,Chrome等测试显示正常。

说明:这个专门为本站集成的新版的kindeditor编辑器而开发的前端代码高亮插件。新版本的kindeditor编辑器默认的高亮是pretty高亮。


注:由于换行问题等等,这里修改默认原版的css。

修改是根据我自己的模版修改的,可能宽度不适合所有的模版,如果宽度不合适请修改插件中的prettify.css文件。

阅读全文>>

kindeditor4.1.3开启语法高亮显示——Google Code Prettify

作者:星之宇 发布于:2012-10-24 14:00 ┊ 分类: 代码学习 ┊ 阅读:11088 ┊ 评论:0

因为看到Google Code Prettify对代码进行语法着色的效果还是不错,虽然相对于syntaxHighlighter来说还有不小的差距,但是Prettify的js库和css文件可以说的上是短小精悍了。不到15K的体积,对加载几乎没有影响。

废话就不说了,下面开始KindEditor,它默认保存的时候,保存的内容是<pre class="prettyprint lang-xxx"></pre>(XXX就是代码格式)比如<pre class="prettyprint lang-php"></pre>。

注意:不同的代码高亮是不兼容的,所以用了一种高亮代码后再用另一个,那么就比较麻烦了。

因为kindeditor 4.1.3官方用的是google-code-prettify高亮(以下简称prettify),所以我这里也用prettify高亮,因为集成比较方便。

阅读全文>>