`
a605501800
  • 浏览: 7948 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
文章分类
社区版块
存档分类
最新评论

FCKeditor上传图片配置

阅读更多
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]
分享到:
评论

相关推荐

    fckeditor 批量图片上传

    配置文件通常为`fckconfig.js`,在这里可以定义上传图片的路径、是否启用多文件上传等参数。 2. **服务器端处理**: 提到的`UpProductImg.java`可能是一个JavaServlet,负责接收由FCKeditor发送的图片文件。在...

    fckeditor 2.5 上传图片会自动改名

    然而,在使用FCKeditor 2.5版本的过程中,有用户反馈称,当通过编辑器上传图片时,系统会自动更改图片的名称,这一现象引发了一系列关于配置、功能理解和潜在问题的讨论。 ### FCKeditor 2.5 版本的背景 FCKeditor...

    FCKeditor ssh2项目 jar包配置页面文件

    此文件通常位于项目的`src/main/resources`目录下,用于配置FCKeditor的一些默认属性,例如服务器URL、文件上传路径等。例如: ``` fckeditor.basePath = /fckeditor/ fckeditor.filebrowserBrowseUrl = /fckeditor...

    fckeditor集成远程图片上传插件

    这个插件的出现使得用户可以直接在编辑器内上传图片到服务器,无需离开编辑界面,极大地提升了工作效率。插件作者对原有的功能进行了升级和集成,确保其与FCKeditor无缝配合,提供更顺畅的用户体验。 在实际使用中...

    fckeditor2.6.3成功配置,动态命名上传的图片名

    asp.net开发网站的极品在线文本编辑器fckeditor2.6.3,已经配置简化完毕,拿来可用,上传的图片按照年月日时分秒自动命名。...上传图片时,点【浏览】,再上传,再选中服务器中的图片,这样操作要好很多。

    FCKeditor配置for java

    **FCKeditor配置for Java** FCKeditor是一款流行的开源富文本编辑器,广泛应用于Web开发中,为用户提供类似于Microsoft Word的界面,使用户能够轻松创建和编辑HTML内容。在Java Web开发环境中,集成FCKeditor可以...

    fckeditor编辑器上传文件(含视频音频)详细配置

    FCKeditor默认可以上传文件、图片、Flash和多媒体四种类型的文件,可以在SetConfig()中对AllowedTypes修改来增减允许的类型(这个类型可以在后面的TypeConfig["TypeName"]中定义,比如在AllowedExtensions属性中定制...

    FCKEDITOR JSP 上传图片

    在JSP(JavaServer Pages)环境下,开发者经常使用FCKeditor来实现图文混排,特别是需要用户能够上传图片到服务器的场景。本文将深入探讨如何配置FCKeditor以实现JSP页面的图片上传功能。 首先,我们需要了解...

    fckeditor php使用配置

    你还可以禁用或启用某些功能,比如图片上传、链接管理等。 5. **处理提交的数据**:在服务器端(PHP),你需要处理用户在FCKeditor中输入的内容。FCKeditor会将HTML内容以纯文本形式发送,因此你可以通过`$_POST['...

    FckEditor中文配置手册详细说明

    FCKEditor 提供了多种插件,如图片上传、文件管理器等。这些插件可以根据需要启用或禁用。 五、FCKEditor 的语言设置 FCKEditor 支持多种语言,我们可以根据需要设置默认语言。 六、FCKEditor 的security 设置 ...

    在Lotus中嵌入Fckeditor上传代码

    "在Lotus中嵌入Fckeditor上传代码"这个主题涉及到在Lotus Notes应用中集成FCKeditor,一个流行的开源富文本编辑器,以实现更加美观且功能强大的附件上传功能。FCKeditor以其易于使用和高度自定义的特性,被广泛用于...

    struts2,fckeditor冲突解决

    在使用FCKeditor上传图片时,如果没有正确配置Action,Struts2可能无法识别或处理上传请求。因此,你需要在`struts.xml`文件中为FCKeditor的上传操作创建一个专门的Action,并设置相应的接收路径。 2. **文件上传...

    fckeditor的配置详解

    总结来说,fckeditor的配置是一个涉及多个方面的过程,涵盖了编辑器的基础设置、工具栏定制、语言选项、上传功能、以及个性化开发等多个环节。通过深入学习和实践,我们可以灵活地调整FCKeditor以适应各种应用场景。

    做好的FCKeditor 不用你配置

    4. **配置文件**:尽管标题说已经预配置好,但可能仍包含一些配置文件,例如"FCKeditor.config.js",其中定义了编辑器的默认设置,如允许的文件类型、图片上传路径等。 5. **语言包**:FCKeditor支持多语言,压缩包...

    FCKEditor 3.5.3使用配置教程与项目小列子(包会)

    4. **测试与调试**:运行项目,打开HTML页面,尝试编辑内容、上传图片,确保FCKeditor能够正常工作并与后台交互。 以上就是FCKEditor 3.5.3在Java项目中的配置和使用教程。通过这个教程,你应该能够顺利地将...

    配置好的FCKeditor-2.3.rar

    "可以实现上传图片和flash"表明这个配置包含了图片和Flash媒体的上传功能。FCKeditor通过内置的文件上传对话框,允许用户选择本地文件并将其上传到服务器的指定目录。这个功能对于网站内容编辑来说非常实用,因为它...

    FCKeditor2.5配置教程

    - **图片和文件上传**:FCKeditor内置了图片和文件上传功能,你可以配置上传的路径、大小限制等参数。 - **浏览器兼容性**:FCKeditor 2.5支持大部分现代浏览器,但可能需要对IE6/7进行特别处理。 ### 五、实践案例...

    已经配置好的Fckeditor

    **可上传图片在线编辑控件**是Fckeditor的一个关键特性。它允许用户在编辑文本的同时,直接上传本地图片到服务器,并将图片URL插入到文档中。这项功能极大地提高了内容创建的效率,特别是对于需要频繁插入图片的博客...

Global site tag (gtag.js) - Google Analytics