FCKeditor在線文本編輯器的使用說明

原創

iteye_6919

2020-02-25 08:09

FCKeditor 版本：

FCKeditor_2.3.1

FCKeditor.Java 2.3

下載地址： http://www.fckeditor.net/download/default.html

開始：

新建工程，名稱爲 fekeditor
解壓 FCKeditor_2.3.1 包中的 edit 文件夾到項目中的 WebContent 目錄

解壓 FCKeditor_2.3.1 包中的 fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml 文件夾到項目中的 WebContent 目錄

解壓 FCKeditor-2.3.zip 包中的 \web\WEB-INF\lib 下的兩個 jar 文件到項目的 WebContent\WEB-INF\lib 目錄

解壓 FCKeditor-2.3.zip 包中的 \src 下的 FCKeditor.tld 文件到項目的 WebContent\WEB-INF 目錄

刪除 WebContent\edit 目錄下的 _source 文件夾

修改 web.xml 文件，加入以下內容：

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

新建一個提交頁 jsp1.jsp 文件和一個接收頁 jsp2.jsp 文件

jsp1.jsp文件：

<%@ page contentType = "text/html;charset=UTF-8" language = "java" %>
<%@ taglib uri = "/WEB-INF/FCKeditor.tld" prefix = "fck" %>
<html>
<head>
<title> Test </title>
</head>
<body>
<FORM action = "jsp2.jsp" >
<fck:editor id = "testfck" basePath = "/fekeditor/"
height = "100%"
skinPath = "/fekeditor/editor/skins/default/"
toolbarSet = "Default"
imageBrowserURL = "/fekeditor/editor/filemanager/browser/
default/browser.html?Type=Image&Connector=connectors/jsp/connector"
linkBrowserURL = "/fekeditor/editor/filemanager/browser/
default/browser.html?Connector=connectors/jsp/connector"
flashBrowserURL = "/fekeditor/editor/filemanager/browser/
default/browser.html?Type=Flash&Connector=connectors/jsp/
connector"

20. imageUploadURL = "/fekeditor/editor/filemanager/upload/

21. simpleuploader?Type=Image"

linkUploadURL = "/fekeditor/editor/filemanager/upload/
simpleuploader?Type=File"
flashUploadURL = "/fekeditor/editor/filemanager/upload/
simpleuploader?Type=Flash" >
</fck:editor>
<input type="submit"/>
</FORM>
</body>
</html>

jsp2.jsp 代碼如下：

<html>
<head>
<title>TEST</title>
</head>
<body>
<%=request.getParameter( "testfck" )%>
</body>
</html>

在 WebContent 目錄下新建 UserFiles 文件夾，在此文件夾下新建 File,Image,Flash 三個文件夾，爲上傳文件存儲目錄。

注：File,Image,Flash三個文件夾：可以不用建，系統在你上傳文件的同時自動創建。

發表評論

所有評論

還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.

FCKeditor在線文本編輯器的使用說明

JSTL（JSP標準標籤庫）介紹

FCKeditor在線文本編輯器的使用說明

怎樣在servlet中讀取文件中的圖片

JSTL（JSP標準標籤庫）介紹

java讀取exif

Mac下配置sublime實現LaTeX

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結