CKeditor

CKeditor4完美实现代码高亮

为了在Drupal7+Ckeditor4实现代码高亮,几天来一直都在不断的努力中。

 

关于Ckeditor代码高亮网上的教程大部分都是针对Ckeditor3的,通过手动添加插件的方式,不用说有多麻烦,光Ckeditor3在Drupal下遇到的问题都让我头疼了(至少我这里是这样,虽然用syntaxhighlight实现了代码高亮,但又出现了如超链接无法用了,上传图片无法用来……)。

所以毅然决定放弃Ckeditor3,采用Ckeditor4。

Ckeditor4发布后,官方提供了一个代码高亮的插件:Code Snippet,很容易配置。Code Snippet是基于highlight.js 的代码高亮插件,在Drupal中需要安装highlight.js模块才能在前台显示出效果。可是,虽然highlight.js实现的代码高亮效果很不错,但没有显示行号的功能,要想实现显示行号,可以用自定义Javascript代码块用CSS控制显示效果的方法。但这样又显得啰哩啰嗦的了。

Tags: 

CKeditor添加中文字体

CKeditor确实非常好,但是编辑时,字体选择里面没有中文字体。可以按如下方法添加:

进入 ./sites/all/modules/ckeditor/ 目录,打开 ckeditor.config.js 在

 

CKEDITOR.editorConfig = function( config ){

    ......

};

 

中添加如下代码:

 

    config.font_names='宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;'+ config.font_names;

 

以后使用的时候就可以用中文字体了。

 

添加后清空浏览器缓存后新的字体就可以显示出来了。

 

(注意:添加字体后可能没有效果,请检查一下C:\Windows\Fonts 电脑是否安装了上述的字体)

Tags: 
订阅 RSS - CKeditor