`
- 浏览:
7948 次
- 性别:
- 来自:
武汉
-
1.FCKeditor java类
2.FCKrditor-2.3 ,commons jar包
3.FCKeditor.tld 放于WebRoot下
4.修改web.xml
<!-- FCKeditor -->
<!-- version="2.4" 时,需添加 <jsp-config>标签-->
<jsp-config>
<taglib>
<taglib-uri>/FCKeditor</taglib-uri>
<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
</taglib>
</jsp-config>
<servlet>
<servlet-name>Connector</servlet-name>
<servlet-class>com.fredck.FCKeditor.connector.ConnectorServlet</servlet-class>
<init-param>
<param-name>baseDir</param-name>
<!-- 此为文件浏览路径 -->
<param-value>/UserFiles/</param-value>
</init-param>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet>
<servlet-name>SimpleUploader</servlet-name>
<servlet-class>
com.fredck.FCKeditor.uploader.SimpleUploaderServlet
</servlet-class>
<init-param>
<param-name>baseDir</param-name>
<param-value>/UserFiles/</param-value>
</init-param>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<!-- 此参数为是否开启上传功能 -->
<param-name>enabled</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>AllowedExtensionsFile</param-name>
<param-value></param-value>
</init-param>
<init-param>
<!-- 此参数为文件过滤,以下的文件类型都不可以上传 -->
<param-name>DeniedExtensionsFile</param-name>
<param-value>
php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi
</param-value>
</init-param>
<init-param>
<param-name>AllowedExtensionsImage</param-name>
<param-value>jpg|gif|jpeg|png|bmp</param-value>
</init-param>
<init-param>
<param-name>DeniedExtensionsImage</param-name>
<param-value></param-value>
</init-param>
<init-param>
<param-name>AllowedExtensionsFlash</param-name>
<param-value>swf|fla</param-value>
</init-param>
<init-param>
<param-name>DeniedExtensionsFlash</param-name>
<param-value></param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Connector</servlet-name>
<url-pattern>/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector
</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>SimpleUploader</servlet-name>
<url-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader
</url-pattern>
</servlet-mapping>
<!-- end -->
5.修改FCKeditor/fckeditor.js
FCKConfig.DefaultLanguage= 'zh-cn' ; 中文简体
FCKConfig.ToolbarSets["Default"] "Default"为显示界面名称,页面使用时可自行设置
var _FileBrowserLanguage = 'jsp' ;
var _QuickUploadLanguage = 'jsp' ;
FCKConfig.LinkBrowserURL=FCKConfig.BasePath+"filemanager/browser/default/browser.html?Connector=connectors/jsp/connector";
FCKConfig.ImageBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" ;
FCKConfig.FlashBrowserURL=FCKConfig.BasePath+"filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector";
FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=File' ;
FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Image' ;
FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Flash' ;
FCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/msn/' ;
FCKConfig.SmileyImages 可设置显示图片
JSP:
<textarea name="newscontent" id="newscontent" cols="60" rows="8"></textarea>
<script type="text/javascript">
var oFCKeditor = new FCKeditor('newscontent') ;
oFCKeditor.BasePath = "/FCKeditor/" ;
oFCKeditor.ImageBrowser = true;
//oFCKeditor.imageBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector";
oFCKeditor.Height = 400;
oFCKeditor.ToolbarSet = "Forum";
oFCKeditor.ReplaceTextarea();
</script>
转至:http://zhangyan1233.blog.163.com/blog/static/38935422200910172401475/[color=blue][/color]
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
配置文件通常为`fckconfig.js`,在这里可以定义上传图片的路径、是否启用多文件上传等参数。 2. **服务器端处理**: 提到的`UpProductImg.java`可能是一个JavaServlet,负责接收由FCKeditor发送的图片文件。在...
然而,在使用FCKeditor 2.5版本的过程中,有用户反馈称,当通过编辑器上传图片时,系统会自动更改图片的名称,这一现象引发了一系列关于配置、功能理解和潜在问题的讨论。 ### FCKeditor 2.5 版本的背景 FCKeditor...
此文件通常位于项目的`src/main/resources`目录下,用于配置FCKeditor的一些默认属性,例如服务器URL、文件上传路径等。例如: ``` fckeditor.basePath = /fckeditor/ fckeditor.filebrowserBrowseUrl = /fckeditor...
这个插件的出现使得用户可以直接在编辑器内上传图片到服务器,无需离开编辑界面,极大地提升了工作效率。插件作者对原有的功能进行了升级和集成,确保其与FCKeditor无缝配合,提供更顺畅的用户体验。 在实际使用中...
asp.net开发网站的极品在线文本编辑器fckeditor2.6.3,已经配置简化完毕,拿来可用,上传的图片按照年月日时分秒自动命名。...上传图片时,点【浏览】,再上传,再选中服务器中的图片,这样操作要好很多。
**FCKeditor配置for Java** FCKeditor是一款流行的开源富文本编辑器,广泛应用于Web开发中,为用户提供类似于Microsoft Word的界面,使用户能够轻松创建和编辑HTML内容。在Java Web开发环境中,集成FCKeditor可以...
FCKeditor默认可以上传文件、图片、Flash和多媒体四种类型的文件,可以在SetConfig()中对AllowedTypes修改来增减允许的类型(这个类型可以在后面的TypeConfig["TypeName"]中定义,比如在AllowedExtensions属性中定制...
在JSP(JavaServer Pages)环境下,开发者经常使用FCKeditor来实现图文混排,特别是需要用户能够上传图片到服务器的场景。本文将深入探讨如何配置FCKeditor以实现JSP页面的图片上传功能。 首先,我们需要了解...
你还可以禁用或启用某些功能,比如图片上传、链接管理等。 5. **处理提交的数据**:在服务器端(PHP),你需要处理用户在FCKeditor中输入的内容。FCKeditor会将HTML内容以纯文本形式发送,因此你可以通过`$_POST['...
FCKEditor 提供了多种插件,如图片上传、文件管理器等。这些插件可以根据需要启用或禁用。 五、FCKEditor 的语言设置 FCKEditor 支持多种语言,我们可以根据需要设置默认语言。 六、FCKEditor 的security 设置 ...
"在Lotus中嵌入Fckeditor上传代码"这个主题涉及到在Lotus Notes应用中集成FCKeditor,一个流行的开源富文本编辑器,以实现更加美观且功能强大的附件上传功能。FCKeditor以其易于使用和高度自定义的特性,被广泛用于...
在使用FCKeditor上传图片时,如果没有正确配置Action,Struts2可能无法识别或处理上传请求。因此,你需要在`struts.xml`文件中为FCKeditor的上传操作创建一个专门的Action,并设置相应的接收路径。 2. **文件上传...
总结来说,fckeditor的配置是一个涉及多个方面的过程,涵盖了编辑器的基础设置、工具栏定制、语言选项、上传功能、以及个性化开发等多个环节。通过深入学习和实践,我们可以灵活地调整FCKeditor以适应各种应用场景。
4. **配置文件**:尽管标题说已经预配置好,但可能仍包含一些配置文件,例如"FCKeditor.config.js",其中定义了编辑器的默认设置,如允许的文件类型、图片上传路径等。 5. **语言包**:FCKeditor支持多语言,压缩包...
4. **测试与调试**:运行项目,打开HTML页面,尝试编辑内容、上传图片,确保FCKeditor能够正常工作并与后台交互。 以上就是FCKEditor 3.5.3在Java项目中的配置和使用教程。通过这个教程,你应该能够顺利地将...
"可以实现上传图片和flash"表明这个配置包含了图片和Flash媒体的上传功能。FCKeditor通过内置的文件上传对话框,允许用户选择本地文件并将其上传到服务器的指定目录。这个功能对于网站内容编辑来说非常实用,因为它...
- **图片和文件上传**:FCKeditor内置了图片和文件上传功能,你可以配置上传的路径、大小限制等参数。 - **浏览器兼容性**:FCKeditor 2.5支持大部分现代浏览器,但可能需要对IE6/7进行特别处理。 ### 五、实践案例...
**可上传图片在线编辑控件**是Fckeditor的一个关键特性。它允许用户在编辑文本的同时,直接上传本地图片到服务器,并将图片URL插入到文档中。这项功能极大地提高了内容创建的效率,特别是对于需要频繁插入图片的博客...