FCKeditor เป็นโครงการโอเพ่นซอร์สบน sourceforge.net โดยส่วนใหญ่จะใช้ฟังก์ชันของโปรแกรมแก้ไขหน้าเว็บออนไลน์ ทำให้โปรแกรมเว็บมีฟังก์ชันการแก้ไขที่มีประสิทธิภาพ เช่น MS Word เว็บไซต์อย่างเป็นทางการคือ http://www.fckeditor.net ซึ่งรองรับ ASP.Net, ASP, ClodFusion, PHP, Java และภาษาอื่นๆ บนฝั่งเซิร์ฟเวอร์ และรองรับเบราว์เซอร์กระแสหลัก เช่น IE 5+, Mozilla และ เน็ตสเคป
ขั้นแรกให้ดาวน์โหลด fckeditor จากเว็บไซต์อย่างเป็นทางการ โปรดทราบว่ามีสองแพ็คเกจ หนึ่งคือไฟล์หลักและอีกอันคือแพ็คเกจการรวม jsp
1. Unzip FCKeditor_2.2.zip (ไฟล์หลัก FCKeditor) และคัดลอกไดเร็กทอรี FCKeditor ไปยังไดเร็กทอรีรากของเว็บไซต์
2. Unzip FCKeditor-2.3.zip (jsp, แพ็คเกจการรวม FCKeditor) JSP Integration Pack สำหรับการใช้ FCKeditor ภายในเพจเซิร์ฟเวอร์ java โดยไม่มีความซับซ้อนในการใช้สคริปต์ Java หรือ javascript api
3. คัดลอกคำจำกัดความของเซิร์ฟเล็ตและเซิร์ฟเล็ตสองตัวใน FCKeditor-2.3/web/WEB-INF/web.xml ของคุณเอง แก้ไขเนื้อหาต่อไปนี้ในไฟล์ web.xml ของโครงการ
:
<การแมปเซิร์ฟเล็ต> <servlet-name>ตัวเชื่อมต่อ</servlet-name> <url-รูปแบบ> /editor/filemanager/browser/default/connectors/jsp/connector </url-รูปแบบ> </การแมปเซิร์ฟเล็ต> <การแมปเซิร์ฟเล็ต> <servlet-name>SimpleUploader</servlet-name> <url-pattern>/editor/filemanager/upload/simpleuploader</url-pattern> </การแมปเซิร์ฟเล็ต> |
ผลการแก้ไข:
<การแมปเซิร์ฟเล็ต> <servlet-name>ตัวเชื่อมต่อ</servlet-name> <url-รูปแบบ> /FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector </url-รูปแบบ> </การแมปเซิร์ฟเล็ต> <การแมปเซิร์ฟเล็ต> <servlet-name>SimpleUploader</servlet-name> <url-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url-รูปแบบ> </การแมปเซิร์ฟเล็ต> |
4. คัดลอกไฟล์ในไดเร็กทอรี FCKeditor-2.3/web/WEB-INF/lib ไปยังโฟลเดอร์ lib ของโปรเจ็กต์ของคุณเอง
5. เพิ่มไปยังอินเทอร์เฟซ jsp ที่จำเป็นต้องใช้ FCKeditor:
// เพิ่ม
<%@ taglib uri=
ที่จุดเริ่มต้นของไฟล์"http://fcckeditor.net/tags-fckeditor" prefix="FCK" %>
//เพิ่มตำแหน่งที่คุณต้องการใช้
<FCK:editor id="เนื้อหา" basePath="/FCKeditor/" imageBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html? Type=รูปภาพ&ตัวเชื่อมต่อ=ตัวเชื่อมต่อ/jsp/ตัวเชื่อมต่อ" linkBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html? ตัวเชื่อมต่อ=ตัวเชื่อมต่อ/jsp/ตัวเชื่อมต่อ" flashBrowserURL = "/FCKeditor/editor/filemanager/browser/default/browser.html? Type=Flash&Connector=connectors/jsp/connector" imageUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=รูปภาพ" linkUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=ไฟล์" flashUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash"> นี่คือเนื้อหาเริ่มต้น :) </FCK:บรรณาธิการ> |
เริ่มการทดสอบเซิร์ฟเวอร์...หลังจากสำเร็จ ให้ลดขนาด FCKeditor ลง
1. ลบโฟลเดอร์ทั้งหมดที่ขึ้นต้นด้วยเครื่องหมายขีดล่าง "_" ในไดเร็กทอรี FCKeditor และไดเร็กทอรีย่อย
2. เฉพาะ fckconfig.js, fckeditor.js เท่านั้นที่จะยังคงอยู่ในรูทของ FCKeditor ไดเร็กทอรี ลบส่วนที่เหลือทั้งหมดของ fckstyles.xml, fcktemplates.xml
3. ล้างไฟล์และโฟลเดอร์ในไดเร็กทอรีของตัวแก้ไข/ตัวจัดการไฟล์/อัพโหลด
4. คุณยังสามารถลบไฟล์สกินในไดเร็กทอรีของตัวแก้ไข/สกินได้ ชุดสกิน (ถ้าคุณไม่ต้องการเปลี่ยนสกิน)
5. คุณยังสามารถลบไฟล์ในไดเร็กทอรี editor/lang และเก็บเฉพาะไฟล์ en.js, fck languagemanager.js, zh-cn.js, zh.js (ภาษาอังกฤษ, จีนตัวย่อ, จีนตัวเต็ม โดยทั่วไปควรจะเป็นก็พอแล้ว :) )
เสร็จแล้ว.
ปัญหาอื่นๆ:
เมื่อใช้ใน struts+spring+hibernateข้อความแสดงข้อผิดพลาดอาจปรากฏในฟังก์ชันอัปโหลดรูปภาพ:
รูปแบบเอาต์พุตจะต้องมีคุณสมบัติ '{http://xml.apache.org/xalan}content-handler'!
ลบ xalan*.jar ในไดเร็กทอรี WEB-INF/lib และลองแก้ไขปัญหาด้านความปลอดภัย:
หากผู้ใช้ทั่วไปสามารถใช้ FCKEditor ที่แผนกต้อนรับได้ โปรดใส่ใจกับปัญหาด้านความปลอดภัยที่เกี่ยวข้อง เมื่อใช้งานที่แผนกต้อนรับ อย่าใช้ค่าเริ่มต้น แถบเครื่องมือและเพิ่ม ปุ่มฟิลด์รูปภาพ แฟลช และรูปภาพ การกำหนดค่าในอาร์เรย์ประมาณ 78 บรรทัดใน fckconfig.js ก็เหมือนกับฟังก์ชันบนอินเทอร์เฟซ คุณสามารถบังคับลองใช้ค่าแต่ละชุดได้ เป็นตัวแทนของ
การติดตั้ง FCKeditor เสร็จสมบูรณ์แล้ว สำหรับการกำหนดค่าโดยละเอียด คุณสามารถดูตัวอย่างได้ในไดเร็กทอรี web/_samples ในโฟลเดอร์ FCKeditor-2.3.zip (jsp, FCKeditor integrated package)