CodeMirror代码编辑器简介

CodeMirror简介:

CodeMirror是一款使用JavaScript实现,面向浏览器的多功能文本编辑器。

它专门用于代码的编辑,并附带了一些语言模式和插件来实现更加高级的编辑功能。

丰富的编程API和一个CSS主题化系统可用于定制CodeMirror以适合您的应用程序,并将其与新的功能扩展。

CodeMirror项目网站:http://codemirror.net/

CodeMirror的特性:

  • 支持超过60种编程语言
  • 强大的、可组合的语言模式系统
  • 自动补全(XML)
  • 代码折叠
  • 可配置的按键绑定
  • Vim与Emacs绑定
  • 搜索和替换接口
  • 括号和标签匹配
  • 支持分割视图
  • Linter集成
  • 混合的字体大小和样式
  • 多种主题
  • 能够调整大小以适应内容
  • 内联和块级部件
  • 可编程的gutters
  • 为一定范围的文本添加样式,设为只读,或者原子的
  • 双向文本支持
  • 许多其它的方法和插件

社区:

CodeMirror是一个使用MIT协议进行共享的开源项目。它被应用在Light Table, Adobe Brackets ...

继续阅读

Highlightjs 8.0新特性

Highlightjs(下载地址:http://highlightjs.org/download/)是一款简单易用的语法高亮插件

它具有如下特征:

  • 支持71种语言和44种样式
  • 自动化语言侦测判别
  • 多语言代码高亮
  • node.js可用
  • 可以与markup一同使用
  • 兼容所有的js框架

Highlightjs于2014-01-08发布了8.0版。这个发行版提供了一些崭新特性的同时,将不再向后兼容某些旧版本中存在的特征。
不过,大多数用户应当不会受到这些向后不兼容特性的影响:自述文件中描述的基本使用场景依旧保持不变。

不再向后兼容的特性:

现在默认对CSS类引用中的所有类加上了hjls前缀,因为其中的一些类名可能会与其它的样式表发生冲突。
如果你使用的是highlightjs的老版本,也许想要升级highlight的同时依旧保留其原来的行为。
为了抑制这些新的特性,你可能需要这样进行初始化:

<script type="text/javascript">
  hljs.configure({classPrefix: ''});
  hljs ...

继续阅读

tinymce4.0添加自定义表情

tinymce 4.0自带了16个表情

我们可以使用一种Hack的方式为tinymce添加自定义gif格式的表情

步骤如下:

1. 在tinymce/plugins/emoticons/img目录下添加格式为gif的表情图片

2. 在tinymce.js(tinymce.min.js)中找到包含["cool","cry","embarassed","foot-in-mouth"]的list变量

3. 将新添加的自定义表情图片的文件名以列表的形式插入步骤2找到的list中

效果如下图所示:

截图如下:(在默认表情列表前添加了4个新表情)

自定义表情

Django Zinnia文本编辑器简介

Django Zinnia(v0.13)提供了对3款文本编辑器的支持,分别是wymeditor,tinymce以及markitup,其中wymeditor是缺省编辑器。

WYMeditor 是一个基于Web浏览器的可视化HTML编辑器,界面如下图所示:

WYMeditor

markItUp! 并不是全功能的编辑器,它是一个非常轻量级、可定制的灵活引擎,适合 CMS、博客、论坛等网站。makrItUp 并不是所见即所得的,以后也不会是。

markItUp

TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,支持目前流行的各种浏览器,由JavaScript写成。功能配置灵活简单(两行代码就可以将编辑器嵌入网页中),支持AJAX。另一特点是加载速度非常快,如果你的服务器采用的脚本语言是 PHP,那还可以进一步优化。最重要的是,TinyMCE是一个根据LGPL license发布的自由软件,你可以把它用于商业应用。OSChina采用的就是TinyMCE编辑器,下图是此编辑器最新版本(v4.0 ...

继续阅读

年度归档