相关地址:
官方网站: http://ckeditor.com/
下载地址: http://ckeditor.com/download
CKfinder: http://ckfinder.com/ 用于上传的插件(有四种语言版本,根据需要下载)
部署:
将CKeditor下载下来,解压网站/ckeditor/下面(当然名字可以修改,只是需要修改相应config文件来设置新路径)
调用:
在页面的head中调用
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
然后在需要编辑器的地方放置一下代码:
复制代码 代码如下:
<textarea cols="80" id="Text" name="Text" rows="10">这里是默认值,修改文本的内容是放在这里。html需要进行HTMLEncode编码</textarea>
<script type="text/javascript">
var editor = CKEDITOR.replace('Text');
</script>
搞定,就这么简单,CKEDITOR.replace('Text')就是创建编辑器的代码,CKEDITOR.replace()方法中还可以设置编辑器的样式,设置如下
复制代码 代码如下:
var editor = CKEDITOR.replace( 'Text',
{
language:'zh-cn',//简体中文
toolbar ://工具栏设置
[
['Source'],
'/',
['Cut','Copy','Paste','PasteText','PasteFromWord'],
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['TextColor','BGColor'],
]
});
具体的设置有很多,具体的可以查看他的帮助:http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html
这个设置可以在/ckeditor/config.js中设置,在这里设置之后,就修改了编辑器的默认默认设置,而上面设置只应用于当前编辑器。
具体的设置方法如下
复制代码 代码如下:
CKEDITOR.editorConfig = function(