前端开发

CKEditor编辑器的调用

作者:dudumao 日期:2010-06-16

字体大小: 小中大

　　CKEditor即原来的FCKeditor，官方的解释它是对FCK的完全重写。该公司的另一个产品为CKFinder，可能为了保持一致，将FCK更改为CK，并且将版本号继承了下来，即为CKeditor3.0版。

　　CKEditor的安装使用，官方开发参考见：CKEditor 3.x - Developer's Guide

　　一、在ASP中调用

　　1.下载CKEditor安装包，将之放在相应目录下，打开链接：http://<your site="">/<ckeditor installation="" path="">/_samples/index.html </ckeditor></your>进行测试检查；

　　2.在</head>前加上js引用语句，根据具体情况修改路径；

JavaScript代码

<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>

　　3.在调用编辑器的位置

XML/HTML代码

<textarea name="editor1"><p>Initial value.</p></textarea>
<script type="text/javascript">
CKEDITOR.replace( 'editor1' );
</script>

　　注意：当然也可以将这个JS加载在头部</head>之前，但是要加窗口载入事件

JavaScript代码

<script type="text/javascript">
window.onload = function()
{
CKEDITOR.replace( 'editor1' );
};
</script>

　　CKEditor的配置都集中在/ckeditor/config.js 文件中，可以修改其中的各个参数进一步配置。其中_samples（示例文件夹），/_source （未压缩源程序），/lang文件夹下除 zh-cn.js、en.js 以外的文件，根目录下的 changes.html(更新列表)，install.html(安装指向)，license.html(使用许可)；/skins 目录下不需要的皮肤等都可以在安装配置以后删除。