安装:
下载CKEDITOR的文件,解压后复制到工程的WEBROOT目录下就OK!
引用CKEDITOR的JS文件:
新建JSP页面,添加其JS文件<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
注意:1.src的路径。
2.不要写成<script type="text/javascript" src="ckeditor/ckeditor.js />样式,在现有的3.0.1版本中会出现CKEDITOR未定义的脚本错误提示,致使不能生成编辑器。
替换TEXTAREA标签:
<
textarea
rows
="30"
cols
="50"
name
="editor01"
>
请输入.
</
textarea
>
< script type ="text/javascript" > CKEDITOR.replace( ' editor01 ' ); </ script >
< script type ="text/javascript" > CKEDITOR.replace( ' editor01 ' ); </ script >
注意:要在textarea后面加入javascript.如果要在HEAD区写javasript,那么采用如下代码:
<
script
type
="text/javascript"
>
window.onload = function ()
{
CKEDITOR.replace( ' editor01 ' );
};
</ script >
window.onload = function ()
{
CKEDITOR.replace( ' editor01 ' );
};
</ script >
好了到此一个默认的CKEDITOR就配置完毕了,可以去页面看看它的模样了。
当然还有一个方法CKEDITOR.appendTo(elementOrId, config) 它可以在特定的dom对象中创建CKEDITOR
<
div
id
="editorSpace"
><
:
/div
>
CKEDITOR.appendTo( 'editorSpace' );
CKEDITOR.appendTo( 'editorSpace' );