ckedit配置文档.docVIP

ckeditor是fckeditor的下一代版本，下面就来说下ckeditor的使用吧！ 要使用ckeditor，当然首先就是去/ (ckeditor网站)下载ckeditor的压缩包，现在最新的是ckeditor_3.6.2zip下载后将压缩包解压，将解压后文件夹中的ckeditor文件夹copy到自己的web项目的WebRoot目录下。打开ckeditor目录，可以看到文件夹结构如下ckeditor _samples //示例_sourceadaptersimageslangpluginsskins //皮肤themesckeditor.jsconfig.js..想要在JSP页面中引用ckeditor是非常简单的一件事，前面我们只要已经将解压的ckeditor文件夹copy到WebRoot目录下了，只需要在jsp文件的代码中要加入ckeditor的位置加上如下代码，(比如我们要在一个form中使用ckeditor)。 下面在index.jsp中引用ckeditor并测试 %@ page language=java import=java.util.* pageEncoding=UTF-8%%String path = request.getContextPath();%!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//ENhtmlheadscript type=text/javascript src=ckeditor/ckeditor.js/script/headbody %??? String content=request.getParameter(editor1);??? if(content!=null!content.equals()){???? out.println(content);??? }?? % ???? form name=testForm method=post action=%=path %/index.jsp???? textarea cols=80 id=editor1 name=editor1 rows=10????? 在此添加内容???? /textarea???? script type=text/javascript // 关键代码CKEDITOR.replace(要用ckeditor取代的textarea的name属性值或id属性值,{要//设置的ckeditor属性:属性值,}); //若你不想对其属性设置，那就应改成 CKEDITOR.replace(editor1);??? CKEDITOR.replace( editor1,???? {????? skin : kama,????? language : zh-cn???? });?? /script???? input type=submit value=提交/??? /form/body/html ??? 比较关键的代码在代码中已用红色和蓝色标出，要能在页面中使用就要先将ckeditor目录下的ckeditor.js加入页面form表单的写法还如我们未使用ckeditor时一样，只需要在页面中加入一段javascript代码，上面已经用蓝色标出.??? 上面的蓝色代码显示我将editor的皮肤风格设置为kama,在ckeditor的skins文件夹下默认还有office2003和vi两种皮肤风格将ckeditor的语言设置为zh-cn(简体中文).当然你也可以根据个人需要设置更多的属性。这里不过多介绍，大家可以通过样例中和压缩包中提供的文档进行学习要想提取我们在编辑器中编辑的内容并在页面上显示也和我们提取表单数据一样 %??? String content=request.getParameter(editor1);??? if(content!=null!content.equals()){???? out.println(content);??? }?? % 这段代码显示了如何提取编辑器中内容。这里我将表单提交到页面本身。 当然也可以以js获取ckeditor提交过来的值：直接看代码吧，在上面jsp页面中有类似这么一句 script type=text/javascript??? CKEDITOR.replace( editor1,???? {????? skin : kama,????? language : zh-cn???? });/script 修改为： script type=text/javascript??? var p