"FCKeditor在JSP中配置及图片上传教程" 资源-CSDN下载

共504个文件

gif：340个

html：74个

js：39个

FCKeditor上传图片

FCKeditor配置说明

FCKeditor在jsp中使用

3星 · 超过75%的资源需积分: 9 172 浏览量 2011-08-25 13:28:18 上传评论收藏 458KB RAR 举报

**FCKeditor** 是一个非常流行的开源富文本编辑器，广泛应用于Web开发中，使得用户可以在网页上方便地编辑和格式化文本，包括插入图片、链接等操作。它支持多种编程语言，如JavaScript、ASP、ASP.NET、PHP、JSP等，提供了丰富的API和配置选项，便于开发者集成到自己的应用程序中。 ### 一、FCKeditor上传图片 FCKeditor 支持内置的文件上传功能，允许用户在编辑器中直接上传图片至服务器。这个功能通过与服务器端脚本交互实现，通常涉及到的步骤包括： 1. **设置上传路径**：在FCKeditor的配置文件`fckconfig.js`中，你需要指定上传图片的目标目录，例如`Config.ImageUploadURL = '/upload/images/'`。 2. **服务器端处理**：FCKeditor会将图片文件作为POST请求的一部分发送到指定的URL。你需要编写对应的服务器端脚本来接收并处理这些文件，例如在PHP中，你可以使用`$_FILES`全局变量来获取上传文件的信息。 3. **权限和安全**：确保上传目录有正确的读写权限，并对上传的文件进行安全检查，防止恶意文件上传。 4. **返回结果**：服务器端处理完成后，需要返回一个XML响应给FCKeditor，告知上传是否成功以及图片的URL。 ### 二、FCKeditor配置说明 FCKeditor的配置主要在`fckconfig.js`文件中进行，常见的配置选项包括： 1. **工具栏**：你可以定制编辑器的工具栏，添加或移除按钮，如`Config.ToolbarSets`配置。 2. **语言**：设置编辑器的语言环境，如`Config.DefaultLanguage = 'zh-cn'`（中文）。 3. **样式集**：定义不同的样式集，用于快速应用样式，如`Config.StyleDefinitions`。 4. **默认字体和字号**：`Config.FontNames`和`Config.FontSizes`可以设定默认的字体和字号。 5. **宽度和高度**：`Config.Width`和`Config.Height`设置编辑器的尺寸。 ### 三、FCKeditor在JSP中使用在JSP中使用FCKeditor，首先需要将下载的`FCKeditor-2.3`压缩包解压，然后将资源文件复制到Web项目的相应目录，如`/WEB-INF/fckeditor/`。接着，在JSP页面中引入FCKeditor的JavaScript文件并创建编辑器实例： ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" %> <!DOCTYPE html> <html> <head> <script type="text/javascript" src="fckeditor/fckeditor.js"></script> </head> <body> <form action="save.jsp" method="post"> <textarea id="myEditor" name="content"></textarea> <script> var oFCKeditor = new FCKeditor( 'myEditor' ) ; oFCKeditor.BasePath = '/fckeditor/' ; // 指定FCKeditor的路径 oFCKeditor.Config['Height'] = 400 ; // 设置高度 oFCKeditor.Create() ; </script> <input type="submit" value="保存"> </form> </body> </html> ``` 在这个例子中，`oFCKeditor.Create()`方法会在id为`myEditor`的textarea位置创建一个FCKeditor实例。 ### 四、加载到MyEclipse 要将FCKeditor加载到MyEclipse中，你需要按照以下步骤操作： 1. **创建Web项目**：在MyEclipse中新建一个Web项目，并将解压后的FCKeditor文件夹放入项目的WebContent目录下。 2. **配置Web项目**：确保项目配置正确，包括字符编码、Servlet容器等。 3. **创建JSP页面**：在项目中创建一个新的JSP页面，按照上面的示例代码引入FCKeditor并创建实例。 4. **运行测试**：在MyEclipse中启动内置服务器，访问你创建的JSP页面，检查FCKeditor是否正常显示和功能是否可用。通过以上步骤，你应该能成功地在JSP中集成并使用FCKeditor了。不过，记住在实际开发中，还需要根据项目需求调整FCKeditor的配置，以满足安全性、性能和用户体验的要求。

资源推荐

资源详情

资源评论

收起资源包目录

FCKeditor （504个子文件）

sampleposteddata.asp 1KB

spellchecker.cfm 5KB

FCKeditorTag.class 11KB

ConnectorServlet.class 10KB

SimpleUploaderServlet.class 7KB

FCKeditor.class 6KB

FCKeditorConfigurations.class 2KB

.classpath 497B

fck_contextmenu.css 4KB

fck_editor.css 3KB

fck_editor.css 2KB

fck_dialog.css 2KB

fck_internal.css 2KB

browser.css 2KB

fck_dialog_common.css 2KB

fck_editorarea.css 1KB

fck_showtableborders_gecko.css 1KB

fck_universalkey.css 1KB

spellerStyle.css 888B

testcases.css 786B

sample.css 783B

keyboard_layout.gif 3KB

logo_fckeditor.gif 2KB

html.gif 1KB

htm.gif 1KB

rdp.gif 1KB

flash.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

fla.gif 946B

logo_fredck.gif 920B

toolbar.buttonbg.gif 829B

swf.gif 725B

swt.gif 724B

bmp.gif 709B

gif.gif 704B

pasteword.gif 676B

pastetext.gif 669B

smiley.gif 661B

about.gif 625B

save.gif 624B

paste.gif 623B

html.gif 621B

htm.gif 621B

image.gif 619B

imagebutton.gif 619B

preview.gif 618B

print.gif 613B

open.gif 610B

find.gif 606B

rdp.gif 606B

fck_flashlogo.gif 599B

imagebutton.gif 595B

hidden.gif 583B

spellcheck.gif 582B

replace.gif 567B

pdf.gif 567B

specialchar.gif 564B

fontstyleadv.gif 547B

tablecell.gif 517B

cry_smile.gif 473B

jpg.gif 463B

mp3.gif 454B

avi.gif 454B

angry_smile.gif 453B

cake.gif 453B

input.gif 445B

angel_smile.gif 445B

devil_smile.gif 444B

broken_heart.gif 423B

template3.gif 422B

textarea.gif 418B

select.gif 411B

xml.gif 408B

universalkey.gif 403B

ai.gif 403B

showtableborders.gif 401B

mail.gif 395B

swf.gif 388B

swt.gif 388B

共 504 条

评论收藏

内容反馈

memariner

2013-05-20

怎么回事，用不了呢？
西门吹雪哈哈哈哈

2012-11-29

确实能用，还好

itopme

粉丝: 72

FCKeditor

FCKEditor

开源 FCKeditor

FCKeditor.Net_2.6.3.zip和FCKeditor-v2.6.3

最新FCKeditor_2.6 版本 FCKeditor编辑器和控件

fckeditor和级联菜单日历实例

fckeditor2.6.3 完整版

FCKeditor 2.6.6 可直接使用

FCKeditor编辑器

Fckeditor（综合利用工具）

FCKeditor_2.6.8.zip

fckeditor所需jar包集合及java源文件

fckeditor

FCKeditor（全）

FCKeditor文本编辑器

FCKeditor的使用

FCKeditor用法

FCKeditor_N

cocosCreator 2.4 的一些问题

网页自由打印控件-实现网页中任意定位打印（免费版）网页自由打

最新资源