CKEditor编辑器

CKEditor 是著名的 HTML 编辑器，IBM、Oracle、Adobe 等都在用。CKEditor 创建于 2003 年，其前身为 FCKEditor，在 2009 年的时候把“F”去掉了，更名为 CKEditor。其开源协议是基于 GPL, LGPL 和 MPL 的。官方网站：http://ckeditor.com/

 

快速应用CKEditor就像应用普通textarea 一样，但是要导入相对应的javascript和设置class属性，其他的操作像普通textarea一样利用name传递数据, id作js验证。其相对于原来的FCKEditor简单了许多：

<textarea  cols="90" rows="10" id="content" name="content">cftea</textarea>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript">
<!--
    CKEDITOR.replace("content");
//-->
</script>

设置值

CKEDITOR.instances.content.setData("至胜图"); // content 就是前面 CKEDITOR.replace 的第一个参数值

或

var editor = CKEDITOR.replace("content");
editor.setData("至胜图");

取值

alert(CKEDITOR.instances.content.getData()); // content 就是前面 CKEDITOR.replace 的第一个参数值

或

var editor = CKEDITOR.replace("content");
alert(editor.getData());

 

插入图片：

CKEDITOR.instances.content.insertHtml("<img src=...>");

 

定制工具栏：

在ckeditor/ config.js里设置，例如

         config.toolbar =

      [

          ['Cut','Copy','Paste','PasteText','PasteFromWord'],

          ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'], 

          ['TextColor','BGColor']

  ];

 

 

 

精简问题：

   对于ckeditorde 精简和Fckeditor差不多，主要是删除_samples，_source，*.php，ckeditor/lang下相关不会用到的语言包，我这里的例子“test”中以作初步的简化。

 

 

当初考虑用ckeditor而不是Fckeditor是因为ckeditor得界面设计较为漂亮圆润，但是ckeditor要实现上传功能暂时还需购买CKFinder插件才能应用完善，并且官方还没有推出java版本，但是我们一般评论的操作并不需要这一功能，所以考虑用ckeditor。 若需要进一步了解CKFinder请参看“CKEditorFCKEditor 使用－集成 CKFinder.doc”。