tinymce 高亮代码

tinymce与prism代码高亮实现及汉化的配置

简单介绍:TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,由JavaScript写成.它对IE6+和Firefox1.5+都有着非常良好的支持.功能方强大,并且功能配置灵活简单.另一特点是加载速度非常快的.最重要的是,TinyMCE是一个根据LGPL license发布的自由软件,你可以把它用于商业应用,好了不多说,想了解更多自行百度,我们进入正题. 一.编辑页配置 1.首先我们需要引用网页样式控制文件及脚本语言编辑文件(其中前两个是tinymce脚本文件,后两个是prism高亮文件)

轻量级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:

[置顶] 如何更改CSDN博客高亮代码皮肤的样式，使博客看起来更有范（推荐）

由于本人写博客的时候,也没有配置博客的相关属性,因此贴出来的代码块都是CSDN默认的,因此代码背景色都是白色的,如下所示: 但是本人在浏览他人博客的时候,发现有些博客的代码块看起来比较有范,整个代码库的背景色是纯黑色的,如下所示. 上面两份代码是同一份代码,只是由于配置的高亮代码皮肤不一样所致.现在就来说说如何配置代码块的皮肤,使整个代码块看起来更舒服(本人个人认为). step1:点击"管理博客"按钮 step2:点击"博客配置"选项 step3:高亮代码皮肤选项

sublime高亮代码导出

何在word/博客中使用SublimeText风格的代码高亮样式原文链接:http://www.cnblogs.com/Wayou/p/highlight_code_with_sublimetext_style.html 需要复制sublime的高亮代码到word/博客中,网上搜到了sublimeHighligh这个插件.屁颠屁颠去gitHub下载了压缩包,解压,放到sublime的插件包里,也设置了sublime user信息,可是右键选项是灰色. 搜到了这篇文章.虽说他是把高亮代码复制到,

如何在ppt或word中添加高亮代码？

如何在ppt或word中添加高亮代码? 问题: 如何ppt中添加带有语法高亮的程序代码,就如同下面的形式(在ppt嵌入高亮代码,且可以编辑,带有行号) 详细的要求如下: 1.代码带有语法高亮. 2.结果是矢量图,也就是说可以随便缩小放大的,因此别拿直接对代码截图来忽悠我. 3.最好带有行号. 方法一: 下载软件SciTE,下载地址:http://www.fauskes.net/nb/syntaxms/ 这个软件是我从网上搜到的,外国人写的.效果如下: 不过要把带有语法高亮的格式拷贝到ppt里有点

用google-code-prettify高亮代码

示例: https://code.google.com/p/google-code-prettify/wiki/GettingStarted 主题如何使用google-code-prettify高亮代码: http://www.qingdou.me/2138.html 结果就象这样: pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transpa

如何更改CSDN博客高亮代码皮肤的样式，使博客看起来更有范（推荐）

由于本人写博客的时候,也没有配置博客的相关属性,因此贴出来的代码块都是CSDN默认的,因此代码背景色都是白色的,如下所示: 但是本人在浏览他人博客的时候,发现有些博客的代码块看起来比较有范,整个代码库的背景色是纯黑色的,如下所示. 上面两份代码是同一份代码,只是由于配置的高亮代码皮肤不一样所致.现在就来说说如何配置代码块的皮肤,使整个代码块看起来更舒服(本人个人认为). step1:点击"管理博客"按钮 step2:点击"博客配置"选项 step3:高亮代码皮肤选项

博客高亮代码及使用OpenLiveWriter修改之前博客

简述: 最近查阅前辈资料的时候,看到写的博客很有条理,回头看下自己的乱做麻花,然后来时研究: 他们的代码看起来很漂亮然后我就查资料,在网页版上一直没法出来像他们的格式,后查资料看来的使用客户端工具才能实现,然后查找资料完成了高亮代码配置方法.下面是配置的步骤防止重装系统后忘记怎么设置做此记录: 1. 下载安装 OpenLiveWriterSetup http://openlivewriter.org/ 2. 下载 Memento.OLW_V1.0.0.0.7z 插件 http://

raycaster选取捕获obj模型&&选中高亮代码

目录 raycaster选取捕获obj模型&&选中高亮代码 raycaster关键代码选中高亮代码 obj整体上色 raycaster选取捕获obj模型&&选中高亮代码 raycaster关键代码 raycaster默认状态下是无法读取obj模型, 因为模型是自动加载到一个组里的, 因此需要调用intersectObject方法 //原来的代码 //raycaster.setFromCamera(mouse, camera); //第二个参数一定要为ture,这样才能捕获

[杂记]如何在ppt里插入高亮代码

在为c语言习题课准备课件的时候发现需要向ppt内插入代码,简单的文本粘贴没有高亮,格式也很混乱需要自己慢慢调,于是自己鼓捣了一下,实现了向ppt内插入高亮代码. [所需软件]Office PowerPoint.Adobe Acrobat.Adobe Illustrator.Notepad++ [操作步骤] Step 1:打开Notepad++,新建一个文档,将写好的代码粘贴进去,选择对应的语言.Notepad++提供了多种语言的高亮选择,还支持自定义高亮,具体操作方式可以上网搜索,这里不再赘述.

一键生成通用高亮代码块到剪贴板，快捷粘贴兼容 TT/WX/BJ 编辑器

有些在线图文编辑器不支持直接插入代码块,但可以直接粘贴 HTML 格式的高亮代码块. 花了一点时间研究了一下各家的编辑器,规则却各不相同.有的要求代码块被包含于 <code> ... </code> 或者 <pre> <code> ... </code> </pre> , 有些要求 class 属性里包含 "code" 关键词,或者要求代码块里必须包含至少一个 <br> .如果不符合这些要求,不是变成普

让kindeditor显示高亮代码

kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre class="prettyprint lang-js"><script> var KE; KindEditor.ready(function(K) { KE = K.cre

eclipse 高亮代码

本文整合自网络上的两种靠谱的使eclipse代码高亮的方式. 其实你可以在Window->proferences->java->editor->syndex coloring->Elements: 下自己选着元素调,但是这样挺麻烦的,因为元素非常之多.当然,还是要看个人喜好. 两种比较简单的方式类似给手机换主题那样,就是用eclipse color theme插件,一整套的换. 1. 主要通过插件来实现. 1. Eclipse Color Scheme http://ecl

【转】LiveWriter插入高亮代码插件介绍基于SyntaxHighighter

转自:http://www.cnblogs.com/yaoshiyou/archive/2009/11/25/1610901.html 插件介绍辛苦了两人小时写日志不小心浏览器崩溃了,发誓以后一定记得用Word先写好. 将Word 中的内容copy编辑器中,就是不大对劲,最惨的就图片,根本就没有. 在记事本中写内容,代码图片一张张处理. 打开网站—>输入用户名->输入密码->输入验证码->正在进入->用户名或密码错误->重输-正在进入->验证码不正确->…

高亮代码显示之HTML困惑

近期做样式库,需要将HTML代码高亮,开始寻找相关的插件. 看到highlight.js,看到它主题样式如此之多,支持语言也如此之多,以为找到了神器.不想这只是痛苦的开始,为了让它支持HTML,我尝试了我能想到的各种方法.山穷水尽之时想到去求助了使用此插件的网站的相关人员,结果发现它只是在那个环境下才会获得支持,至此,选择了放弃,继续寻找新的插件. 不经意间在一个关于highlight的评论里看到了codemirror(高手藏于民间),期待它的闪亮登场. 可惜的是codemirror只能只用id

新浪博客如何显示高亮代码，DIY

新浪博客对代码的支持功能不尽完美,或者说一点都不好,可是对于一个追求完美的技术痴而言,代码不能够完美的显示,心里总有那么一些不爽,那么如何在新浪中显示那些带颜色的代码呢?经过探究,可以如下设置: 为了将代码与正文分开,我们可以在写博客的时候,点击左下角的显示源代码选项,进入源代码编辑界面,然后插入一个div作为盛放代码的容器,我的设置非常简单,如下: --------------------------------------------------------------------

如何使用 highlight.js 高亮代码

highlight 是一款简单易用的 web 代码高亮插件,可以自动检测编程语言并高亮,兼容各种框架,可以说是十分强大了.下面就简单介绍一下如何使用这款插件. 两种使用方式: 1. 手动选择主题,官网下载highlight 库文件,并在页面中分别引用 js 和 css 文件. 2. 使用 cdn 链接. 为了简单方便,这里使用第二种方法. cdn 地址:http://www.bootcdn.cn highlight cdn: https://cdn.bootcss.com/highlight.j

LiveWriter插入高亮代码插件介绍基于SyntaxHighighter

Codeint main() { int i; printf("%d",i); } 插件介绍辛苦了两人小时写日志不小心浏览器崩溃了,发誓以后一定记得用Word先写好. 将Word 中的内容copy编辑器中,就是不大对劲,最惨的就图片,根本就没有. 在记事本中写内容,代码图片一张张处理. 打开网站—>输入用户名->输入密码->输入验证码->正在进入->用户名或密码错误->重输-正在进入->验证码不正确->… …… Windows Live

用 Windows Live Writer 和 SyntaxHighlighter 插件写高亮代码

博客园内置支持SyntaxHighlighter代码着色,代码着色语法:<pre class='brush:编程语言'>代码</pre>. 需要注意的是:如何你使用SyntaxHighlighter代码着色,需要将默认编辑器改为TinyMCE.如果使用CuteEditor,CuteEditor会自动去除代码中的空格,造成代码格式破坏. 如果您使用Windows Live Writer写博客(配置步骤),通过Windows Live Writer代码着色插件,可以方便进行Syntax

[杂记]如何在LaTeX里插入高亮代码

继上次学会在ppt里面插入带有高亮的c程序代码之后,zyy在这条不归路上越走越远-- 好的,长话短说,今天我介绍的是怎么在LaTeX中插入高亮的c程序代码.(其实不止c程序的代码,别的语言也是可以的,本文以c代码为例)(zyy你作业写完了吗!一天就知道写博客不去好好学习挂科了怎么办!)(--写完就去好好学习别着急-- ♪(^∇^*)) 本文将介绍两种方法,当然两种都需要LaTeX(废话--),第二种需要额外的一个软件--Highlight. [方法一]使用Listings宏包对代码进行高亮显示

web关键词搜索高亮代码

tinymce 高亮代码

热门专题