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 包     并导入,    在这里下载            &#...

J2EE学习笔记——JSP使用Fckeditor

首先需要下载      FCKeditor_2.6.10    这里是文件夹形式             &#...

传智播客 fckeditor 笔记

  • 2009-09-03 07:02
  • 19.93MB
  • 下载

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

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

FCKeditor 学习笔记

  • 2017-03-21 09:17
  • 332KB
  • 下载

fckeditor编辑器的使用

FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusi...

struts2和fckeditor的整合

在struts2中,默认的action和serverlt一样是没有后缀(.action)的,因此这个时候访问一个地址,很可能是一个serlet,也可能是action。而本文要用的fckeditor在上...

JSP使用FCKeditor控件

2010-11-12JSP使用FCKeditor控件文章分类:Java编程  FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用...

在MyEclipse6.5中配置fckeditor

开发环境:IDE:MyEclipse6.5框架:Struts2+spring+hibernate步骤:1. 在fckeditor的官方网站http://ckeditor.com/download下载F...

VS2008下使用FCKeditor2.6.3安装配置详细图解(asp.net)

VS2008下使用FCKeditor2.6.3安装配置详解 FCKeditor官方网址 http://www.fckeditor.net/ http://ckeditor.com/ http:...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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