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 แก้ไข
<servlet-mapping>
ของคุณเองในไฟล์ web.xml ของโปรเจ็กต์
<servlet-name>ตัวเชื่อมต่อ</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-name>ตัวเชื่อมต่อ</servlet-name>
<url-pattern>/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>
</servlet-mapping>
<servlet-mapping>
<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://fckeditor.net/tags-fckeditor " คำนำหน้า = "FCK" %>
//เพิ่มตำแหน่งที่คุณต้องการใช้
<FCK:editor id="เนื้อหา" basePath="/FCKeditor/"
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=รูปภาพ"
linkUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=ไฟล์"
flashUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash">
นี่คือเนื้อหาเริ่มต้น :)
</FCK:บรรณาธิการ>
เริ่มการทดสอบเซิร์ฟเวอร์ - - - หลังจากประสบความสำเร็จ มาลดขนาด FCKeditor กัน
1. ลบโฟลเดอร์ทั้งหมดที่ขึ้นต้นด้วยเครื่องหมายขีดล่าง "_" ในไดเร็กทอรีรากของ FCKeditor ส่วนที่เหลือของ 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 ในเบื้องหน้าได้ โปรดใส่ใจกับปัญหาด้านความปลอดภัยที่เกี่ยวข้อง อย่าใช้ ToolBar เริ่มต้นเมื่อใช้งานในเบื้องหน้า
หากต้องการลบปุ่มเพิ่มรูปภาพ แฟลช และรูปภาพ ให้กำหนดค่าในอาร์เรย์เหล่านั้นที่ประมาณ 78 บรรทัดใน fckconfig.js เป็นฟังก์ชันบนอินเทอร์เฟซ คุณสามารถลองบังคับว่าแต่ละชุดค่าแสดงถึงอะไร :P
การดำเนินการนี้จะเสร็จสิ้นการติดตั้ง FCKeditor สำหรับการกำหนดค่าโดยละเอียด คุณสามารถดูตัวอย่างได้ในไดเร็กทอรี web/_samples ในโฟลเดอร์ FCKeditor-2.3.zip (jsp, FCKeditor integrated package)