Ext中CKEditor应用事例

最新推荐文章于 2021-02-28 13:26:09 发布

原创最新推荐文章于 2021-02-28 13:26:09 发布 · 155 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flash #EXT

Ext 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何在ExtJS框架中使用CKEditor富文本编辑器，并提供了具体的配置示例。文章强调了CKEditor的强大功能及其相对于ExtJs自带htmleditor的优势。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CKEditor是一个出色的所见即所得的富文本编辑器，相比ExtJs原生的htmleditor要强大很多。

1.Ext中JS调用代码事例：

items:[{
	 xtype : 'ckeditor',
	 fieldLabel : '内容',
	 width : '80%',
	 id : 'content',
	 name : 'content',
	 CKConfig : {
	 /*
	 * Enter your CKEditor config paramaters here or
	 * define a custom CKEditor config file.
	 */
	 customConfig : '/WebRoot/widgets/ckeditor/ckeditor/config.js',
	 toolbar : 'Full', // Full
	 toolbar : [
	 ['Templates', 'RemoveFormat', 'Bold',
	 'Italic', 'Underline',
	 'Strike', '-', 'Subscript',
	 'Superscript'],
	 ['NumberedList', 'BulletedList', '-'],
	 ['JustifyLeft', 'JustifyCenter',
	 'JustifyRight', 'JustifyBlock'],
	 ['Link', 'Unlink', 'Image', 'Flash',
	 'Table', 'HorizontalRule'],
	 ['Styles', 'Format', 'Font', 'FontSize'],
	 ['TextColor']],
	 skin : 'office2003',
	 resize_enabled : false,
	 bodyId : 'content'
		 }						 
}]

注意点：1.config.js文件的获取采用绝对路径。

2.后台content的数据库字段类型应为clob类型。