Tag Archives: FCKeditor

Drupal: FCKeditor – WYSIWYG HTML editor

FCKeditor เป็นเครื่องมือช่วยเขียน HTML แบบ WYSIWYG

การติดตั้งใน Drupal จะต้องทำ 2 ขั้นตอนด้วยกัน คือ

  1. ติดตั้งโมดูล FCKeditor สำหรับ Drupal
  2. ติดตั้ง FCKeditor เวอร์ขั่นล่าสุด โดย download ได้จาก FCKeditor homepage

1. ดาวน์โหลด และติดตั้ง FCKeditor สำหรับ Drupal

  • ดาว์นโหลด FCKeditor ที่ http://drupal.org/project/fckeditor จะได้ไฟล์ fckeditor-6.x-2.0.tar
  • ทำการแตกไฟล์ จะได้โฟล์เดอร์ fckeditor
  • upload โฟล์เดอร์ fckeditor ไปไว้ใน  <yourpath>/sites/all/modules
  • ทำการติดตั้ง โดยไปที่ Administrator > Modules จากนั้นเลือกที่หัวข้อ Other > FCKeditor แล้ว Enable FCKeditor ดังรูป

drupal_fckeditor_w500

ถ้าติดตั้งได้ จะปรากฏ FCKeditor ใน Administrator > Site configuration ดังรูป

drupal_fckeditor2_w500

Click ที่ FCKedtor จะเห็นหน้าจอเตือนดังรูปด้านล่าง แจ้งว่าให้ไปที่ FCKeditor homepage เพื่อ download FCKeditor เวอร์ชี่นล่าสุดมาติดตั้ง

drupal_fckeditor3_w500

2. ดาวน์โหลด และติดตั้ง FCKeditor เวอร์ชั่นล่าสุด

จากรูปด้านบนให้ Click ที่ FCKeditor homepage ในกรอบสีแดง หรือ (ดาว์นโหลดที่ http://sourceforge.net/projects/fckeditor/files/FCKeditor/)

จากนั้น download ไฟล์ จะได้ไฟล์ FCKeditor_2.6.5.tar.gz
ทำการแตกไฟล์ จะได้โฟล์เดอร์ fckeditor แล้วนำไปไว้ที่ <yourpath>/sites/all/modules/fckeditor/fckeditor/
เมื่อทำการ refresh หน้าจอจะเปลี่ยนไปดังรูปข้างล่างนี้ แสดงว่าการติดตั้งเสร็จสิ้นแล้ว

drupal_fckeditor4_w500

จากนั้นให้ทำการกำหนดสิทธิการใช้ FCKeditor โดยให้ click ที่ Permissions ในกรอบสีแดง หรือที่ Administrator > User Manangement > Permissions จะปรากฏหน้าจอดังรูปด้านล่าง

drupal_fckeditor5_w500

ให้กำหนดสิทธิการใช้งาน fckeditor modules เช่นในตัวอย่า่งนี้ เลือกกำหนดให้ authenticated user สามารถทำการ access และ uploads ไฟล์ได้
กด Save permissions เป็นอันเสร็จ

ต่อไปทำลองใช้งานดู โดยไปที่ Create content > Story ก็จะเห็น Tool ปรากฏขึ้นมาให้ใช้งานได้ดังรูปด้านล่าง

drupal_fckeditor6_w500

เพียงเท่านี้ก็จะสามารถใช้งาน FCKeditor ได้แล้ว
แต่ถ้าต้องการปรับแต่ง FCKeditor ให้ไปที่ Administer -> Site configuration -> FCKeditor