基于jsp的fckeditor应用实例（含上传）资源-CSDN文库

共425个文件

js：183个

gif：134个

html：48个

2星需积分: 3 167 浏览量 2011-02-12 11:58:54 上传评论收藏 1.1MB RAR 举报

**基于JSP的FCKeditor应用实例详解** 在Web开发中，富文本编辑器是必不可少的工具，它允许用户在浏览器端进行文本编辑并插入多媒体元素。FCKeditor是一款广泛使用的开源JavaScript富文本编辑器，它支持多种格式的文本、图片、链接、表格等元素的编辑。本篇将详细讲解如何在Java服务器页面（JSP）环境下集成并使用FCKeditor，包括文件上传功能的实现以及处理中文字符编码问题。 **一、FCKeditor简介** FCKeditor是一款功能强大的在线文本编辑器，完全用JavaScript编写，可以无缝集成到任何网页中。它提供了类似Microsoft Word的界面，使得用户能够在网页上编辑内容，同时支持HTML、CSS、图片等多种格式。FCKeditor的API允许开发者自定义其功能，如添加按钮、修改样式等。 **二、集成FCKeditor到JSP** 1. **下载与引入**: 你需要从FCKeditor的官方网站下载最新版本的编辑器文件，解压后将"editor"目录复制到你的项目资源目录下。 2. **创建JSP页面**: 在JSP页面中引入FCKeditor，通常在`<head>`标签内添加如下代码： ```jsp <script type="text/javascript" src="js/fckeditor.js"></script> <script type="text/javascript"> window.onload = function() { var oFCKeditor = new FCKeditor( 'editorContent' ) ; oFCKeditor.BasePath = '/path/to/fckeditor/' ; // 替换为实际路径 oFCKeditor.Width = '100%' ; oFCKeditor.Height = '300' ; oFCKeditor.Value = '' ; oFCKeditor.Create() ; } </script> ``` 其中，`'editorContent'`是编辑器的ID，`BasePath`是FCKeditor的路径，`Width`和`Height`分别设置编辑器的宽度和高度。 3. **创建编辑器区域**: 在JSP页面的适当位置，添加一个`<textarea>`标签，用于FCKeditor替换： ```jsp <textarea name="editorContent" id="editorContent"></textarea> ``` **三、文件上传功能** FCKeditor内置了文件上传功能，可以上传图片、Flash等文件。默认情况下，文件上传是通过`FileUpload.aspx`或`FileUpload.jsp`实现的，但我们需要根据JSP环境进行自定义。 1. **创建上传处理器**: 创建一个JSP页面（如`upload.jsp`），处理文件上传请求，例如： ```jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%-- 这里处理文件上传逻辑，如保存文件到服务器、返回文件URL等 --%> ``` 2. **配置FCKeditor**: 修改FCKeditor的配置，使其指向我们的上传处理器： ```javascript oFCKeditor.Config['FileBrowserBrowseUrl'] = '/path/to/fckeditor/filemanager/browser/default/browser.html?Type=Image&Connector=/path/to/upload.jsp' ; oFCKeditor.Config['FileBrowserUploadUrl'] = '/path/to/upload.jsp' ; ``` `Connector`参数是文件管理器连接器，用于浏览和选择文件；`FileBrowserUploadUrl`则是文件上传的实际处理器。 **四、处理中文字符编码** FCKeditor默认使用UTF-8编码，但可能会遇到中文乱码问题。确保你的JSP页面、数据库、以及服务器都设置为UTF-8编码。如果需要，可以在JSP页面顶部添加以下代码来设置字符集： ```jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> ``` 同时，确保上传处理的JSP页面也正确处理中文字符。总结，基于JSP的FCKeditor应用实例主要涵盖了FCKeditor的集成、文件上传功能的实现，以及处理中文字符编码问题。通过以上步骤，你可以构建一个功能完善的富文本编辑器，满足在网页中编辑和上传多媒体内容的需求。在实际项目中，可能还需要根据具体需求进行更深入的定制和优化。

资源推荐

资源详情

资源评论

收起资源包目录

基于jsp的fckeditor应用实例（含上传）（425个子文件）

spellchecker.cfm 5KB

fck_editor.css 8KB

fck_dialog.css 6KB

fck_internal.css 4KB

fck_editorarea.css 2KB

fck_dialog_common.css 2KB

browser.css 2KB

fck_showtableborders_gecko.css 2KB

spellerStyle.css 890B

Thumbs.db 8KB

fck_strip.gif 9KB

fck_strip.gif 5KB

logo_fckeditor.gif 2KB

fck_plugin.gif 2KB

html.gif 1KB

htm.gif 1KB

rdp.gif 1KB

spellchecker_net.gif 1KB

ai.gif 1KB

embaressed_smile.gif 1KB

teeth_smile.gif 1KB

shades_smile.gif 1KB

tounge_smile.gif 1KB

wink_smile.gif 1KB

sad_smile.gif 1KB

regular_smile.gif 1KB

whatchutalkingabout_smile.gif 1KB

envelope.gif 1KB

heart.gif 1012B

thumbs_down.gif 992B

thumbs_up.gif 989B

kiss.gif 978B

sprites.gif 959B

fla.gif 946B

logo_fredck.gif 920B

toolbar.buttonbg.gif 829B

swf.gif 725B

swt.gif 724B

bmp.gif 709B

gif.gif 704B

html.gif 621B

htm.gif 621B

rdp.gif 606B

fck_flashlogo.gif 599B

pdf.gif 567B

cry_smile.gif 473B

png.gif 464B

jpg.gif 463B

mp3.gif 454B

avi.gif 454B

angry_smile.gif 453B

cake.gif 453B

angel_smile.gif 445B

devil_smile.gif 444B

broken_heart.gif 423B

template3.gif 422B

xml.gif 408B

ai.gif 403B

swf.gif 388B

swt.gif 388B

fla.gif 382B

template1.gif 375B

zip.gif 368B

omg_smile.gif 342B

template2.gif 333B

confused_smile.gif 322B

lightbulb.gif 303B

Folder32.gif 281B

vsd.gif 277B

js.gif 274B

mdb.gif 274B

xls.gif 271B

FolderOpened32.gif 264B

doc.gif 260B

dll.gif 258B

ppt.gif 254B

mp3.gif 249B

avi.gif 249B

zip.gif 235B

xml.gif 231B

pdf.gif 230B

cs.gif 224B

txt.gif 213B

fck_anchor.gif 184B

anchor.gif 184B

default.icon.gif 177B

exe.gif 170B

toolbar.expand.gif 152B

toolbar.collapse.gif 152B

toolbar.expand.gif 152B

toolbar.collapse.gif 152B

toolbar.expand.gif 152B

toolbar.collapse.gif 152B

共 425 条

评论收藏

内容反馈

Hanna2009C

2013-08-10

是年代太久远吗，还是我配置问题，跑不起来
C1221JW21

2013-06-10

只支持IE，不支持其他浏览器

kobe_2011

粉丝: 0
资源: 5

基于jsp的fckeditor应用实例（含上传）

fckeditor应用实例

fckeditor 在jsp的使用实例

jsp fckeditor 整合 实例

jsp版fckeditor 工程源代码(可上传图片)

fckeditor 2.6 jsp 实例

jsp调用FCKeditor 实例

JSP使用FCKeditor（带上传图片）实例.rar

基于jsp的FCKeditor终于配置好了

JSP中FCKEditor的使用实例

jsp中使用FCKEditor

jsp下fckeditor配置.实现图片上传功能

fckeditor编辑器实例（上传图片，flash已测试没有问题）（.net开发）

jsp在线编辑器fckeditor和kindeditor的实例

用myeclipse6.5开发fckeditor在jsp的应用

彻底解决fckeditor(jsp版)上传中文图片乱码问题

FCKEditor实例

java /jsp FCKeditor 配置

简单FCKeditor在jsp中的使用

FCKeditor实例

JSP使用Fckeditor所用jar包

jsp fckeditor 上传中文图片乱码问题的解决方法

jsp fckeditor 上传中文图片乱码问题的解决方法.docx

FCKEDITOR JSP 上传图片

FCKeditor应用完整例子

FCKeditor简单实例（eclipse测试可用）

jsp调用FCKeditor示例，可在tomcat下直接运行

FCKeditor (jsp在线编辑器)配置总结

FCKeditor2.3在jsp配置

jsp页面中加入fckeditor编译器

FCKEditor 2.6 JSP 使用说明(嵌入方法)

最新资源

jsp fckeditor 整合实例