CKEditor 4.5.9增加代码高亮

2024-11-02

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,wi

[python][django学习篇][14]markdown 代码高亮

1 修改detail视图函数,渲染文件的时候,增加codehight拓展 post.body = markdown.markdown(post.body, extensions=[ 'markdown.extensions.extra', 'markdown.extensions.codehilite', 'markdown.extensions.toc', ]) 2 安装Pygments 进入虚拟环境, pip install Pygments 3 修改base.html, 增加代码高亮的样式

Prism 轻量级可扩展代码高亮库.

官方网站:http://prismjs.com/ Prism 是一个轻量级并且简单易用的 JavaScript 类库,minified 和 gzipped 压缩后只有 1.5kb 大小,即使添加语言定义代码,最大也不会超过 2kb,是目前最小的代码高亮 Javascript 类库. 不需要指定的class或者标签,你可以使用标准的标签.Prism支持web workers.所有的样式都是由CSS来处理生成,比较敏感的class名称包括,.comment,.string,.property等等.

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

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

ueditor使用代码高亮的方法

最近发现ueditor支持代码高亮,但是页面上并没有起效果,于是网上找了下,发现还需做如下修改: 1.页面引用以下资源文件(均位于ueditor目录中): <script type="text/javascript" src="/ueditor/third-party/SyntaxHighlighter/shCore.js"></script> <link rel="stylesheet" type="te

【highlight.js】页面代码高亮插件

[highlight.js] 很多博客都支持页面插入各种语言的代码,而这些代码肯定是有高亮设置的.那么在我们自己的页面上如何进行代码高亮设置?有现成的这个highlight.js插件我们可以使用. highlight.js的官网是[https://highlightjs.org/]可以去上面下载插件.如果习惯用cdn可以百度一下怎么用cdn的方法来引用相关文件,我这里就把这个包下载到本地来了. ■ 简单用法简单的用法我们主要用到了highlight/highligh.pack.js这个js文件

Python IDLE 代码高亮主题

Python IDLE 代码高亮主题使用方法: 打开C盘我的 C:\Documents and Settings\你的用户名.idlerc文件夹里面会有一个 config-highlight.cfg 如果没有请自已创建一个将下面的代码放到 config-highlight.cfg 里面,并重启IDLE 这下在IDLE的设置highlight项里面就有几个主题了首先要找到名为config-highlight.cfg的文件,这个文件位于哪里呢?我列了一份可以找到它的路径清单在Linux系列

关于typecho0.9代码高亮与数学公式支持

闲来无事,搭了一个博客,记录一下自己的学习生活,博客模板取自原来typecho官方博客,稍加修改,改了一下涂装,不得不说插件支持有一些问题,目前大多数插件已经同步更新到typecho1.0版本,新插件在0.9版本里都或多或少有点问题,而我的主机在安装typecho1.0过程中无端报错,无奈只能用回0.9,单单插件就折腾了半天. 由于博客需要,代码高亮与数学公式两个功能不能少,于是找到之前比较火的两个插件SyntaxHighlighter-For-Typecho和KaTeX4Typecho这两个插

CKEditor 4.4.1 添加代码高亮显示插件功能--使用官方推荐Code Snippet插件

随着CKEditor4.4.1的发布,以前一直困扰的代码高亮问题终于完美的得到解决,在CKEditor4.4中官方发布了Code Snippet这个代码片段的插件,终于可以完美的内嵌使用代码高亮了,以前都是使用网友自己开发的代码高亮插件.下面就来介绍如何使用Code Snippet这个代码高亮插件.本文还介绍了CKEditor中如何安装Code Snippet插件. 新版本附加信息 CKEditor 4.4的更新详情:http://ckeditor.com/whatsnew CKEditor 官

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

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

WordPress代码高亮插件SyntaxHighlighter终极使用详解

子曰: 工欲善其事,必先利其器.作为码农一枚,再加上站长这个已经不再光鲜的称呼,岂能没有一款经济实用.操作简单.而且功能必须强大.样式也必须好看的Wordpress代码高亮插件?!作为一个视代码如生命的码农,把代码整的漂漂亮亮是一件多么神圣和伟大的事情啊! 今天就给大家推荐一款这样的代码高亮插件:SyntaxHighlighter Evolved.相信我, 功这款插件能强足够大.并且简单易用,绝对值得推荐.本站就是用的这款插件,大家可以看看“生病的JavaScript代码”,这就是最好的例子.插

如何在Open Live Writer(OLW)中使用precode代码高亮Syntax Highlighter

早先Microsotf的Windows Live Writer(WLW)现在已经开源了,并且更名为Open Live Writer,但是现在Windows Live Writer还是可以现在,Open Live Writer相较于WLW官方说删减了一些功能,但是也添加了一些新的功能.对于一般博主来说已经够用了.OLW现在已经成为.NET Foundation的一部分了. 本来Open Live Writer是准备支持插件的,但是目前为止仍不支持插件.在WLW中经常使用的代码高亮插件多数是synt

如何在博客中使用SublimeText风格的代码高亮样式

因为觉得博客园自带的代码高亮样式很单一,不符合作为前端的我的审美习惯,于是下定决心要想办法折腾出一个方法来应用上另外一套代码高亮样式. 虽然探索的过程是很痛苦的,但最后还是成功了,但也不枉付出的那些努力.近来有网友问及如何实现,现分享出来,看完本文后你也可以把自己博客的代码整得漂亮些,让别人看着舒服些了. 方法其实是很麻烦的,即使是写了好几篇博客了对这个过程我已经娴熟了,但其实也还是挻麻烦的.不过谁叫我有是个偏执狂呢,为了让页面漂亮我愿麻烦自己,舒服大家.如果你有更好的方法那当然更好. 安装su

highlight.js 代码高亮插件

官网:https://highlightjs.org/ API:http://highlightjs.readthedocs.org/en/latest/api.html 1. 简单使用: <link rel="stylesheet" href="/path/to/styles/default.css"> <script src="/path/to/highlight.pack.js"></script> &l

7个高性能JavaScript代码高亮插件

本文由码农网 – 小峰原创,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划! 对于喜欢写技术博客的同学来说,一定对代码高亮组件非常熟悉.一款优秀的JavaScript代码高亮插件,将会帮助你渲染任何一种编程语言,包括一些关键字的着色,以及每行代码的缩进等.今天我们要来分享一些高性能的JavaScript代码高亮插件,这些JavaScript代码高亮插件将非常有效地帮你实现在网页上的代码编辑和展示. 1.SyntaxHighlighter – 最优秀的JavaScript代码高亮插件 Syn

如何在 Evernote 中支持代码高亮

Evernote 本身不支持代码高亮,在 Apple App-Store 上有一个建立在 Evernote 上的 EverCode,可以支持代码高亮,需要付费.虽然只有￥5,但是这个 App 似乎只能用在 OS X 10.7 以上版本的系统中:而且这个 App 从2012年7月之后似乎就没有再更新了,从评论上看似乎也不让人满意. 用 Evernote 的 Web Cliper 浏览器插件应该也可以实现代码高亮,但是支持的语言种类比较少3. Evernote 可以支持以 HTML 或者 RTF 的

轻量级jQuery语法高亮代码高亮插件jQuery Litelighter。

<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>jQuery Litelighter</title> <style> body{background: #FAF9F4;}#wrapper h1{ color: #000; letter-spacing: 2px; font-size: 30px;}#wrapper h2{ color:

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

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

代码高亮美化插件-----SyntaxHighlighter

IT类文章博客,代码高亮美化插件-----SyntaxHighlighter 最近在做一个类似个人博客的网站,因为文章中会用到各种代码,主要是Javascript,CSS,PHP,XML等.这些代码如果单纯的用html&css来处理,稍显繁琐.于是,在网上搜索了一些关于文章中代码如何美化高亮的信息,找到有关于SyntaxHighlighter和Google-Code-Prettify的资料.鉴于SyntaxHighlighter已经是一个相对比较成熟稳定的老牌语法高亮插件了,而且还支持复制.在新

[转]7个高性能JavaScript代码高亮插件

对于喜欢写技术博客的同学来说,一定对代码高亮组件非常熟悉.一款优秀的JavaScript代码高亮插件,将会帮助你渲染任何一种编程语言,包括一些关键字的着色,以及每行代码的缩进等.今天我们要来分享一些高性能的JavaScript代码高亮插件,这些JavaScript代码高亮插件将非常有效地帮你实现在网页上的代码编辑和展示. 1.SyntaxHighlighter – 最优秀的JavaScript代码高亮插件 SyntaxHighlighter 是一款完全基于JavaScript的代码高亮插件,Sy

CKEditor 4.5.9增加代码高亮

热门专题