FCkeditor笔记

原创 2007年09月16日 14:02:00

<form action="sampleposteddata.jsp" method="get" target="_blank">
            <FCK:editor id="EditorDefault" basePath="/FCKeditor/"  height="400"
   imageBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
   linkBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
   flashBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"
   imageUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=UserFiles/Image"
   linkUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"
   flashUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash">
                This is some <strong>sample text</strong>. You are using <a href="http://www.fredck.com/fckeditor/">FCKeditor</a>.
            </FCK:editor>
            <br>
            <input type="submit" value="Submit">
</form> 

表单示例:

basePath="/FCKeditor/"仅仅只是设立FCKeditor的主程序目录

imageUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=UserFiles/Image"
中UserFiles/Image为文件上传的目录,其路径相对于根目录设立的。那么其全路径为http://localhost:8084/FCKeditor/UserFiles/Image

basePath="/FCKeditor/"是设立应用程序根目录,参考该段话:{注意:你可以将FCKEDITOR放置到任何文件夹,默认情况下,将其放入到FCKEDITOR文件夹是最为简单的方法.如果你放入的文件夹使用别的名称,请修改配置文件夹中编辑器BasePath参数,如示:Fckeditor.BasePath="/Components/fckeditor/";}

可以在应用的任何路径下使用FCKeditor编辑器,且无须设置其他的路径,因为所有的路径都是相对根路径的。

★安装FCKeditor时,需要注意的几步操作:

假设应用程序目录/newDading,编辑器所在目录/newDading/FCKeditor

1。在netbeans中先建立newDading应用程序后,载入FCKeditor主程序:将FCKeditor主目录下的fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml、以及editor目录一同拷入到/newDading/FCKeditor下。

2。载入FCKeditor的java支持:将FCKeditor的java包下的src目录拷入netbeans工程目录(newDading目录)替换src目录(也就是说将FCKeditor的java包下的src目录中的com目录和FCKeditor.tld拷入到netbeans工程目录下的src目录中);将FCKeditor的java包下的web目录拷入netbeans工程目录替换web目录(也就是说将FCKeditor的java包下的web/WEB-INF/lib目录中两个包拷到工程相应目录和将FCKeditor的java包下的web/WEB-INF/web.xml中servlet申明和映射加入到工程的web.xml中。

3。修改路径配置:

在2中提到的web.xml中的servlet映射:

 <servlet-mapping>
    <servlet-name>Connector</servlet-name>
    <url-pattern>/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>
  </servlet-mapping>
 
  <servlet-mapping>
    <servlet-name>SimpleUploader</servlet-name>
    <url-pattern>/editor/filemanager/upload/simpleuploader</url-pattern>
  </servlet-mapping> 

在/editor前加入/FCKeditor,因为我们是在根目录的FCKeditor目录下(如果在1中将FCKeditor的主程序拷在根目录则无须修改)。修改如下:

<url-pattern>/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>

<url-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern>

另外的一个更改就是,如果要开启FCKeditor的上传功能的话,就要将web.xml中的SimpleUploader的servlet申明中的enable参数改为true。如下:

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

4。建立示例页面时的问题:首先载入头部标记库申明<%@ taglib uri="http://fckeditor.net/tags-fckeditor" prefix="FCK" %>;调用编辑器标签,如下:

<form action="sampleposteddata.jsp" method="get" target="_blank">
            <FCK:editor id="EditorDefault" basePath="/newDading/FCKeditor/"
                        imageBrowserURL="/newDading/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
                        linkBrowserURL="/newDading/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
                        flashBrowserURL="/newDading/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"
                        imageUploadURL="/newDading/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Userfiles/Image"
                        linkUploadURL="/newDading/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Userfiles/File"
                        flashUploadURL="/newDading/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Userfiles/Flash">
                This is some <strong>sample text</strong>. You are using <a href="http://www.fredck.com/fckeditor/">FCKeditor</a>.
            </FCK:editor>
            <br>
            <input type="submit" value="Submit">
        </form>

注意设置其中的文件浏览和上传的路径,路径前都需用相对根目录的全路径,即都要加入/newDading,而这里并不是设置文件浏览和上传的路径,它只是一种处理路径,真正的路径设置是在web.xml中设置。

J2EE学习笔记——JSP使用Fckeditor 上传图片

首先需要下载     FCKidetor  所用的文件  和相关 jar 包     并导入,    在这里下载             点击下载FCK文件和jar包  项目截图: ...

asp.net文本编辑器FCKeditor使用方法详解 (笔记)

 效果图: 那么为什么说是FCKeditor的冰冷之心呢?这不是哗众取宠,主要是说它使用起来有点麻烦,下文就详细说明如何搞定这玩意儿。 1.FCKeditor的官方网站是:http:...
  • cuoban
  • cuoban
  • 2014年12月31日 10:21
  • 301

J2EE学习笔记——JSP使用Fckeditor

首先需要下载      FCKeditor_2.6.10    这里是文件夹形式                  点击打开链接FCKedoitor_2.6.10下载            ...

传智播客 fckeditor 笔记

  • 2009年09月03日 07:02
  • 19.93MB
  • 下载

FCKeditor 学习笔记

  • 2017年03月21日 09:17
  • 332KB
  • 下载

Fckeditor使用方法

测试Fckeditor版本为:2.6.3 JS代码中各个参数具体作用 var oFCKeditor = new FCKeditor( 'content' ) ;//此参数会作为提交表单时的参数...

jsp与FCKeditor配置使用说明

前言:FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行,互联网上很容易找到相关技术文...

fckeditor 怎么能将上传图片的名称改成时间格式的

1、默认语言 打开fckconfig.js文件(相对FCKeditor文件夹,以下同),把自动检测语言改为不检测,把默认语言改为简体中文: 程序代码 FCKConfig.AutoDetectLangu...

fckeditor图片上传绝对路径问题

公司最近项目上线,突然发现fckeditor出现了问题,老大让我研究一下,哎,能力有限搞了两天终于弄出来了。 我使用的是fckeditor-java-2.6-bin.zip和FCKeditor_2....

ASP.NET下FCKeditor配置方法全解

本文所采用的FCKeditor版本是FCKeditor 2.6.4和FCKeditor.NET 2.6.3,都是当前FCKeditor的最新版本,在http://www.fckeditor.net上可...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:FCkeditor笔记
举报原因:
原因补充:

(最多只允许输入30个字)