由于项目需要,研究了一下FCK的使用,本文主要说明如果在jsp环境中使用FCK的各项功能。
1:下载FCK editor包,我用的是最新的2.5版本,解压后会有fckeditor这样的一个文件夹。
2:下载FCK editor JAVA包,解压后,在wtp或eclipse等IDE开发环境中建立web项目,具体步骤略。
3:将FCK editor包中的fckeditor文件夹复制到web项目中的根目录下,这样做的好处就是fck editor的文件非常多,如果直接将fck editor里面的内容复制到根目录,非常乱,不方便以后的升级。
4:web.xml可根据自已的需求进行修改。
5:运行项目,应该可以看到一个编辑器显示出来了。
6:下面大概说一下如何配置FCK editor。FCK editor的主要配置在fckconfig.js中。
- FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ; 这个是控制fck editor的样式的,还有其它两个选择,一个是office2003风格,还有一个是灰色风格的,只需要替换上面的default即可。具体路径在web\fckeditor\editor\skins下可以找到。
- FCKConfig.DefaultLanguage = 'zh-cn' ; 这个是默认支持的语言,fck editor支持好多种语言,如果不考虑国际化的话,可以把语言文件都删掉。路径在\web\fckeditor\editor\lang,我只保留了zh-cn。
- FCKConfig.TabSpaces = 8;这是设置tab键的。0为tab键不生效,1为tab键的长度为1,我设置为8。
- FCKConfig.ToolbarSets["Default"];设置fck editor的工具栏,我只保留了['ImageButton']。这样速度比较快。
- FCKConfig.Keystrokes;设置fck editor里的快捷键,如果不想用户使用,注释掉就可以了。
- FCKConfig.ImageDlgHideLink = true ;FCKConfig.ImageDlgHideAdvanced = true ;设置图像上传时候的Link标签和高级标签是否显示,如果想隐藏就设置为true。
附件是例子代码,供参考
分享到:
相关推荐
【JSP+FCK编辑器使用说明及中文问题】 JSP+FCK编辑器是Java Web开发中常用的一款富文本编辑工具,它允许用户在网页上创建和编辑内容,类似于Word的功能,支持图片上传、链接插入等操作。FCKeditor在早期非常流行,...
另一种方法是利用自定义标签库(Tag Library Descriptor, TLD),在页面头部引入`<%@ taglib uri="/MyFCKeditor" prefix="FCK"%>`,并在需要的位置使用`<FCK:editor>`标签直接创建编辑器,可以自定义各种属性,如...
"Fckeditor在Java中的运用"主要涉及的是如何在Java Web开发环境中集成并使用FCKeditor,一个流行的开源在线富文本编辑器。FCKeditor允许用户在Web页面上进行类似Word的文本编辑,支持丰富的格式设置,图片上传等功能...
FCKeditor2.4.2 Java版使用说明 下载地址以及基本配置请参考:http://hi.baidu.com/wain19/blog/item/c33fb0fab74f24dfb48f312d.html 我的开发环境是ubuntu7.04, 系统默认编码是utf-8, 期间,本人遇到了下面...
<fck:fckeditor id="editor1" name="editor1" width="100%" height="300" /> ``` ##### 3.3 FCKeditor API 调用 - 提供了一系列API接口,用于与FCKeditor交互。 - **适时打开编辑器**:可以在特定事件触发时...
要在Java项目中使用FCKeditor,你需要遵循以下步骤: 1. 使用JDK5.0和Eclipse3.2.1 + WTP1.5.2创建一个新的Web工程。 2. 解压缩FCKeditor_2.3.2.zip,将其中的"edit"文件夹复制到项目的WebRoot目录。 3. 同样解压缩...
例如,你可以使用`Part`接口(Java 7及以上版本)或`HttpServletRequest`的`getInputStream()`和`getFileName()`方法来接收和处理上传的文件。 5. **设置图片存放目录**:在服务器上设定一个目录用于存放上传的图片...
在这一版本中我们完全实现了与轻松互联网开发平台的无缝整合,在平台中调用FCKeditor跟使用标签一样Easy(例子文件在_samples/editor目录下)。而且没给恶意攻击者留任何可能的漏洞。 另外,对重点功能也进行扩展,...
4. 最后,在`editor/dialog/fck_image/fck_image.js`文件中,添加错误代码处理。找到`OnUploadCompleted`函数,当错误号为204时,提示用户“Security error. File size error.”,代码如下: ```javascript case ...