ckeditor4.4.6添加代码高亮

研究了很久才发现,在 ckeditor4.4.6中添加代码高亮超级简单啊,下面直接上过程

ckeditor4.4.6支持自定义代码高亮,利用Code Snippet插件并默认启用highlight.js库

去ckeditor官网下载Code Snippet,然后把解压的文件codesnippet添加到ckeditor下的plugins文件夹下

然后更改ckeditor文件下的config.js

添加如下语句config.extraPlugins = clipboard,lineutils,widget,dialog,codesnippet‘;
注意:
clipboard,lineutils,widget,dialog插件是codesnippet的依赖插件,所以必须也添加这几个插件代码高亮才能正常使用

时间: 2024-10-20 00:34:35

ckeditor4.4.6添加代码高亮的相关文章

使用prismjs为网站添加代码高亮功能

prismjs 是一款轻量.可扩展的代码语法高亮库,使用现代化的 Web 标准构建,使用 Prismjs 可以快速为网站添加代码高亮功能,支持超过113中编程语言,还支持多种插件,是简洁.高效的代码高亮解决方案.科技爱好者博客就是使用了Prism.js 实现漂亮的代码语法高亮功能,本文教你如何在wordpress上快速使用Prismjs实现代码高亮. 一.下载JS和CSS文件并上传到网站根目录. 在Prismjs网站下载页面下载需要的JS和CSS文件,下载页面: http://prismjs.c

bootstrap设计网站中添加代码高亮插件

这款插件的名字叫做google-code-prettify 使用该插件之前的效果: 使用插件之后的效果: 接下来说步骤: (1)下载两个文件 http://codecloud.sinaapp.com/google-code-prettify/prettify.css http://codecloud.sinaapp.com/google-code-prettify/prettify.js (2)在head中引入这两个文件 <link href="google-code-prettify/p

Lyx输入中文与代码高亮

如果您看了我的这个随笔:<OpenSUSE 13.2安装Texlive2014+Texmaker+Lyx> (一)LyX中文 打开Lyx直接新建开始使用,那么输入的中文会是编译失败的,疑?为什么它的说明文档和教程编译都没有问题... 原因即在于每个文档的配置都是不同的.你可以打开“帮助 - Lyx介绍”,自己也新建一个文件.然后打开“文档 - 首选项”.会发现配置是不同的.如果对着实例改,那么就可以运行中文了,不过还是会有很多的地方,莫名其妙的编译不过,可能是还有些什么设置我没有去改,刚刚接触

博客园使用sublime text风格的代码高亮样式

博客园默认显示代码的风格有点丑,于是就想着能不能使用sublime text3的代码高亮,因为本人使用sublime text3编辑C, js, php, html等时,代码高亮的颜色都是本人比较喜欢的.于是就搜到了大神 [刘哇勇] 的博客,按照大神的博客,确实是能设置成功了. 不过设置完成以后,感觉代码的字体和行间距有些不美观.既然都到这一步了,咱们就自己动手,丰衣足食.于是本人首先在div.highlight里设置{font-family:consolas, courier new; lin

Ghost本地安装highlight.js使代码高亮

对于程序员写博客来说,这代码高亮是起码的要求.但是Ghost本身没有支持高亮代码.但是可以通过扩展来实现,它就是highlight.js--附官方网站,看了下首页介绍,真的很强大,现在说说怎么进行安装,很简单. 下载highlight.js 下载地址 本来已经包含了很多支持的高亮语言,如果上面没找到你要的语言,可以在下面继续 勾选,最后点击下方的下载. 解压安装highlight.js 解压highlight.js到Ghost本地的主题文件夹下面的资源文件夹,我这里是: 安装highlight.

9个实用的Javascript代码高亮脚本

代码高亮很有用,特别是在需要在网站或者blog中显示自己编写的代码的时候,或者给其他人查看或调试语法错误的时候.我们可以将代码高亮,以便阅读者可以十分方便的读取代码块,增加用户阅读代码的良好体验. 目前,有很多免费而且有用的代码高亮脚本.这些脚本大多是由Javascript语言编写,也有些使用其它语言(比如java.Phyton或Ruby)等写的. 下面来推荐最受欢迎.最实用的9个Javascript代码高亮脚本. 1. SyntaxHighlighter 我相信这是最普遍代码高亮代码.它支持多

wysiwyg加ckeditor加 代码高亮

1.所需文件 drupal 版本:7.28 Wysiwyg- 7.x-2.2 (模块) 下载地址:http://drupal.org/project/wysiwyg Syntax Highlighter - 7.x-2.0(模块) 下载地址:http://drupal.org/project/syntaxhighlighter Syntax Highligther Insert - 7.x-1.0 (模块) 下载地址:http://drupal.org/project/syntaxhighlig

新语言代码高亮及Windows Live Writer插件开发

最近在博客园做一些学习笔记.一个是看apple的swift官方书,另外一个是随学校课堂(SICP)学习scheme. 这两种语言都谈不上普及(或者说swift太新).博客园原来的windows live writer代码高亮插件并不适用于这些语言. 于是我只好自己想办法.首先我找到了highlight.js这个js高亮插件.搜索到其官网.按照步骤部署在博客园即可. 需要注意的是,博客园我目前还没有发现如何添加外链. 从highlightjs下载的css和js都没有地方上传.所以我直接选择暴力将其

Django1.9开发博客(11)- 富文本与代码高亮

TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,支持目前流行的各种浏览器,由JavaScript写成. 功能配置灵活简单(两行代码就可以将编辑器嵌入网页中),支持AJAX.另一特点是加载速度非常快. django里引用TinyMCE富文本编辑器,其实很简单,前提是你知道django的静态文件配置. 其实这个我已经在前面文章提到过,可以回去再看看. TinyMCE的官方网站是:http://www.tinymce.com/ 下载地址:http://download.moxiecode.c