วิธีกำหนดค่าและใช้ fckeditor ในสภาพแวดล้อม JSP

ผู้เขียน：Eve Cole เวลาอัปเดต：2009-07-03 17:02:18

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:

// เพิ่ม

// ที่จุดเริ่มต้นของ ไฟล์ // ที่จะใช้มันเข้าร่วม

<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)