1.1 ?? 運行庫
FCKeditor? 是一套在線編輯器,它幾乎囊括了現在網上所有的在線編輯器的功能,功能的實現相當完善,同時可自由定制功能按鈕,支持多種語言環境下配置安裝
?
1.3 ??? 使用步驟
1.3.1 ??????? Web 應用目錄結構
1.3.2
???????
Web.xml
配置說明
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd">
<web-app>
? <display-name>demo</display-name>
? <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>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>AllowedExtensionsFlash</param-name> <!— 允許上傳 Flash 類型清單 -->
????? <param-value>swf|fla</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 映射 -->
? </servlet-mapping>
? <servlet-mapping>
??? <servlet-name>SimpleUploader</servlet-name>
??? <url-pattern>/FCKeditor/editor/filemanager/upload1/simpleuploader</url-pattern>
? </servlet-mapping> <!— 用于上傳文件的 servlet 映射 -->
? <taglib>
??? <taglib-uri>FCK</taglib-uri> <!— 標簽庫映射 -->
??? <taglib-location>/WEB-INF/classes/FCKeditor.tld</taglib-location>
? </taglib>
</web-app>
1.3.3 ??????? JSP 引用方式
1.3.4
???????
運行演示
1.3.5 ??????? JSP 原文
<%@page contentType="text/html; charset=GBK"%>
<%@taglib uri="FCK" prefix="FCK"%>
<html>
<head>
<title>index</title>
</head>
<body bgcolor="#ffffff">
<form action="postdata.jsp" name="form1" method="POST">
文檔標題: <input type="text" name="test" value=" 測試數據 " />
<FCK:editor id="EditorDefault" basePath="/FCKeditor/"
??????????????????????????????? fontNames=" 宋體 ;Arial;Courier New;Times New Roman;Verdana"
???????????????????? ?????? 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/upload1/simpleuploader?Type=Image"
??????????????????????????? linkUploadURL="/FCKeditor/editor/filemanager/upload1/simpleuploader?Type=File"
??????????????????????????? flashUploadURL="/FCKeditor/editor/filemanager/upload1/simpleuploader?Type=Flash">
??????????????????????????? 以下內容為 <strong> 測試數據 </strong>. 歡迎使用 <a >FCKeditor</a>.
</FCK:editor>
<input type="submit" value=" 提交 "/>
</form>
</body>
</html>
?
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
