WYSIWYG บน Drupal มีอยู่3ตัวด้วยกันครับ คือ 1.Tinycme 2.FCKeditor 3.Htmlarea

สองตัวหลังนี่ผมว่ามันช้ามาก ก็เลยเห็นว่า Tinymce น่าจะเหมาะสมกว่าในการใช้งานจริง เพราะมีลูกเล่นมากกว่าเเละก็เร็วกวาอีก2ตัว เเต่ถ้าจะใส่รูปนี่สิปัญหาเพราะมันไม่มีตัว Upload มาให้( มีเเต่เป็นตัวที่ Moxiecode ขาย ) เเล้วถ้าเราสามารถเอาตัว filemanager ของ FCKeditor มาใส่ไว้ใน Tinymce ได้ละ เริ่มกันเลยดีกว่าครับน้ำท่วมทุ่งละ ไปที่นี่เลยครับ http://p4a.sourceforge.net/tinyfck เค้าได้ integrate ตัว filemanager ไว้ให้เราเเล้วครับ เเต่ตัวที่เค้าให้เรา download นั้นตัว Tinymce มันเป็นตัวเก่า v2.061 ตอนนี้ออก v2.08 มาเเล้วมีความสามารถเพิ่มขึ้นเยอะครับ เเต่ที่น่าสนใจคือ lightbox(www.huddletogether.com/projects/lightbox2/) , embeded media เรามาเริ่มกันที่ละ step by step เลยดีกว่าครับ (เริ่มจริงๆซักที)

1.download tinyfck-0.13.tar.gz มา

2.download tinymce 2.08 (http://tinymce.moxiecode.com/)

3.เเตกfile ของทั้ง tinymce เเละ tinyfck ออกมา

4.copy folder filemanager ของ tinyfck ออกมาเเล้วนำไปใส่ไว้ที่ .\tinymce\jscripts\tiny_mce\ ของ tinymce

5.เข้าไปใน folder ของ filemanager \filemanager\connectors\php\ จะเจอกับ file ที่ชื่อว่า config.php

6.หาบรรทัดที่ 27 จะเจอกับ $Config['UserFilesPath'] = '/test/' ; เเก้ไขค่าที่คุณต้องการให้ file ไปเก็บไว้ที่ไหน ในที่นี้ผมให้เก็บไว้ที่ test

7.เข้าไปเเก้ไข tinymce.module, ผมใช้ v1.90 อยู่ครับ ไปบรรทัดที่ 120 ของเดิมเค้าคือ ( บรรทัดอาจจะไม่ตรงกัน ) tinyMCE.init({ $tinymce_settings });

ให้เเก้เป็น

tinyMCE.init({ $tinymce_settings, file_browser_callback : "fileBrowserCallBack" });

function fileBrowserCallBack(field_name, url, type, win) { var connector = "../../filemanager/browser.html?Connector=connectors/php/connector.php"; var enableAutoTypeSelection = true; var cType; tinyfck_field = field_name; tinyfck = win; switch (type) { case "image": cType = "Image"; break; case "flash": cType = "Flash"; break; case "file": cType = "File"; break; } if (enableAutoTypeSelection && cType) { connector += "?Type=" + cType; } window.open(connector, "tinyfck", "modal,width=600,height=400"); }

ที่เหลือก็เหมือนการลง tinymce ปกติบน Drupal ครับ

Get latest news from Blognone

Comments

By: jrp13th on 2 February 2007 - 16:30 #16405
jrp13th's picture

สำหรับ Drupal มี imce.module ให้เป็นอีก 1 ทางเลือกด้วยครับ ^ ^