1 / 11
文档名称:

ckedit配置文档.doc

格式:doc   大小:214KB   页数:11页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

ckedit配置文档.doc

上传人:xgs758698 2016/8/4 文件大小:214 KB

下载得到文件列表

ckedit配置文档.doc

相关文档

文档介绍

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