CKEditor Samples

Basic Samples

用类名替换textarea元素
用CKEditor实例自动替换给定类的所有textarea元素。
用代码替换textarea元素
通过使用JavaScript调用用CKEditor实例替换textarea元素。
使用jQuery创建编辑器
使用jQuery适配器创建标准和内联CKEditor实例。

Basic Customization

用户界面颜色
更改CKEditor用户界面颜色并添加工具栏按钮,使用户可以设置UI颜色。
用户界面语言
更改CKEditor用户界面语言并添加一个下拉列表,使用户可以选择UI语言。

外挂程式

Magicline插件
使用Magicline插件访问困难的焦点空间。
整页支持
CKEditor插入了JavaScript调用,并用于从以下位置编辑整个页面<html> to </html>.

Inline Editing

大量的内联编辑器创建
Turn all elements with contentEditable = true attribute into inline editors.
通过代码将元素转换为嵌入式编辑器
通过使用JavaScript调用将DOM元素转换为内联CKEditor实例。
用内联编辑器替换textarea 新!
具有textarea的表单,在运行时会被内联编辑器替换。

Advanced Samples

数据过滤和功能激活 新!
基于配置的数据过滤和自动功能激活。
即时替换DIV元素
Transforming a div element into an instance of CKEditor with a mouse click.
追加编辑器实例
将编辑器实例追加到现有DOM元素。
创建和销毁Ajax应用程序的编辑器实例
快速创建和销毁CKEditor实例,并保存输入到编辑器窗口中的内容。
API的基本用法
使用CKEditor JavaScript API在运行时与编辑器进行交互。
符合XHTML的样式
配置CKEditor以产生符合XHTML 1.1的属性和样式。
唯读模式
使用readOnly API阻止将更改引入编辑器内容。
基于“ Tab”键的导航
使用Tab键在编辑器实例之间导航。
使用JavaScript API自定义对话框窗口
使用对话框窗口API可以自定义对话框窗口,而无需更改原始编辑器代码。
使用"Enter" key in CKEditor
配置行为 输入Shift + 输入 键。
闪光灯输出
配置CKEditor以生成可与Adobe Flash一起使用的HTML代码。
输出HTML
配置CKEditor以生成旧版HTML 4代码。
工具栏配置
配置CKEditor以显示完整或自定义工具栏布局。