เมนูของ tonkla
เช่นเคยครับ บล็อกนี้ไม่พล่ามมาก เข้าสู่วิธีทำกันเลย
Prerequisite
- Drupal 6.x
- TinyMCE module bundle with TinyMCE core
- IMCE module
- อ่านวิธีการติดตั้งได้จาก INSTALL.txt ของแต่ละตัว
เพิ่มโค้ดต่อไปนี้ใน ../PATH_YOUR_THEME/template.php (ที่มา http://drupal.org/node/241753#comment-792305)
function phptemplate_tinymce_theme($init, $textarea_name, $theme_name, $is_running) {
static $access, $integrated;
if (!isset($access)) {
$access = function_exists('imce_access') && imce_access();
}
$init = theme_tinymce_theme($init, $textarea_name, $theme_name, $is_running);
if ($init && $access) {
$init['file_browser_callback'] = 'imceImageBrowser';
if (!isset($integrated)) {
$integrated = TRUE;
drupal_add_js("function imceImageBrowser(fid, url, type, win) {win.open(Drupal.settings.basePath +'?q=imce&app=TinyMCE|url@'+ fid, '', 'width=760,height=560,resizable=1');}", 'inline');
}
}
return $init;
}
ถ้าไม่มีอะไรผิดพลาด มาถึงขั้นตอนนี้จะปรากฏปุ่ม Browse ในหน้า Insert/edit image เมื่อคลิกมันจะไปเรียกใช้ IMCE
แต่จะพบว่าการปรับแต่งตำแหน่งปุ่มต่างๆ ของ TinyMCE จากหน้า Administer › Site configuration › TinyMCE settings นั้นลำบากมาก เพราะมันไม่มีมาให้เหมือนกับ TinyTinyMCE
เราจำเป็นต้อง hack code กันครับ ... เปิดไฟล์ modules/tinymce/tinymce.module ช่วงประมาณบรรทัดที่ 622
$row[] = array( ... ) แทนแถบเครื่องมือที่ 1, 2, 3...
array('a', 'b', 'c') ที่ซ้อนอยู่ข้างใน จะแทนปุ่มเครื่องมือต่างๆ โดย array() แต่ละตัวเมื่อแสดงผลจะถูกคั่นด้วย seperator
ในกรณีที่ใช้แถบเครื่องมือแถวเดียว สามารถลบ seperator 2 ตัว ที่ปรากฏส่วนท้ายแถวได้ โดยปิดการทำงานของโค้ดบรรทัด
$init['theme_advanced_buttons2'][] = 'separator';
$init['theme_advanced_buttons3'][] = 'separator';
ปัญหาไม่สามารถใช้งาน Enable/Disable Toggle:
จากลิงก์ http://drupal.org/node/262231 สรุปได้ดังนี้
- patch http://drupal.org/files/issues/tinymce6.patch
- downgrade TinyMCE core จาก v3 -> v2
เมื่อ จ. 28 ก.ค. 2551 @ 00:32
761523 [ลบ] [แจ้งลบ]
ตั้งใจทำใช้เอง หรือว่าให้คนอื่นใช้??
ถ้าใช้เอง น่าจะลองพวก markdown/textile ดีกว่า
ไอ้พวก wysiwyg editor พวกนี้ ทำ layout/css พังมาเยอะละ
เมื่อ จ. 20 ต.ค. 2551 @ 12:40
889512 [ลบ] [แจ้งลบ]
สวัสดีครับท่าน คือว่าผมได้ลองติดตั้ง Tinymce ลงบน Drupal เพื่อจะใช้เครื่องมือต่าง ๆ ผมใช้ XMAPP ครับ จะเก็บไดเรกทอรี Tinymce ไว้ใน /opt/lampp/htdocs/drupal/modules ก็เซตอัพไปจนถึงขั้นตอนการเลือกปุ่มเครื่องมือ มันไม่แสดงรูปปุ่มเครื่องมือเลยครับ มีแต่ตัวหนังสือ เช่น copy , paste ,emotions พอเซตแพเสร็จ ผมก็ลองสร้างเพจดู มันไม่แสดง Toolbar และปุ่มเครื่องมือเลยครับ พี่พอจะทราบไหมว่าเกิดจากอะไร ผมใส่ตำแหน่งพาทของ tinymce ผิดหรือเปล่า ช่วยหน่อยครับพี่
ขอบคุณครับ
มือใหม่ ไพรัช
เมื่อ จ. 20 ต.ค. 2551 @ 13:01
889541 [ลบ] [แจ้งลบ]
ตอบคุณไพรัช
ผมยังไม่เข้าใจคำถามของคุณนะครับ อ่านแล้วงงๆ
สรุปว่า
1. download TinyMCE module ตามลิงก์ข้างบน ไปใส่ไว้ใน ./sites/all/modules/
2. download TinyMCE มาใส่ไว้ภายใต้ folder TinyMCE module (อ่านวิธีใน INSTALL.txt)
3. enable TinyMCE module
4. setup permission TinyMCE module
5. setup TinyMCE properties
แค่นี้ก็น่าจะทำงานได้แล้วนะครับ
เมื่อ อ. 21 ต.ค. 2551 @ 16:47
891875 [ลบ] [แจ้งลบ]
คุณต้นกล้า
ผมเซตให้ Tinymce แสดง ปุ้ม Browse ไฟล์รูปภาพได้แล้วครับ แต่พอเลือกไฟล์และอัพโหลด แล้วคลิ๊กที่ลิงค์ Send to Tinymce มันจะกลับมาที่หน้าต่าง Insert/Edit image พร้อมทั้งแสดงชื่อไฟล์ที่อยู่ในฮาร์ดดิสก์ แต่พอคลิ๊กปุ่ม Insert มันไม่แสดงรูปที่เราเลือก ดันแสดงรูปอื่นครับ
ทำไงดี แล้วเรามีวิธีอัพไฟล์รูปภาพไปไว้ใน .../sites/default/file ไหมครับ
ขอบคุณมาล่วงหน้า
เมื่อ อ. 21 ต.ค. 2551 @ 17:07
891924 [ลบ] [แจ้งลบ]
อาการแบบนี้เรียกว่าผีหลอกแล้วล่ะครับ ... ยังนึกไม่ออกว่าเพราะเหตุใดจึงแสดงภาพไม่ตรงตาม path
IMCE นี่แหละครับ เจ๋งสุดๆ แล้ว สำหรับการอัพโหลดไฟล์เข้า sites/default/files
เมื่อ พ. 22 ต.ค. 2551 @ 12:59
893497 [ลบ] [แจ้งลบ]
หวัดดีครับ
คือว่าถ้าผมใช้ยูสเซอร์ admin ในการโพสรูปภาพ ก็จะมีปุ่ม browser ให้ แต่ถ้าเป็นยูสเซอร์ธรรมดา ที่สมัครเข้ามา จะไม่แสดงปุ่ม Browser ให้เห็นเลยครับ
คุณต้นกล้า พอจะรู้ไหมว่าต้องแก้ไขอย่าไรครับ
ขอบคุณ
เมื่อ พ. 22 ต.ค. 2551 @ 14:34
893645 [ลบ] [แจ้งลบ]
permission ครับ
เมื่อ พ. 22 ต.ค. 2551 @ 20:59
894307 [ลบ] [แจ้งลบ]
สายัณสวัสดิ์ครับ คุณต้นกล้า
ผมเข้าไปเซตอัพ สิทธิ์ (permission) ตามที่แนะนแล้วน่ะ แต่ยังหาเกี่วยกับการแสดงรูปภาพไม่เจอครับ คือ ตอนพิมพ์ข้อความ และใส่รูป จะมองเห็น แต่พอกดปุ่ม บันทึก แล้วมันแสดงแต่ข้อความ ไม่แสดงรูปเลยครับ
รบกวนชี้แนะด้วยครับ
ขอบคุณ
เมื่อ พ. 22 ต.ค. 2551 @ 21:41
894399 [ลบ] [แจ้งลบ]
หลังจากกดบันทึกแล้ว view source ดูครับ ดูว่า path ของรูปที่มันบันทึกเป็น path จริงของรูปภาพหรือเปล่า? ผมเดาว่าปัญหานี้เป็นเพราะ path รูปไม่ถูกต้องครับ แก้ไม่ยาก ไม่มีอะไรซับซ้อน ใจเย็นๆ ค่อยๆ ดูครับ
ถ้าใช้ Apache ก็ดู config ด้วยครับ พวก mod_rewrite (.htaccess) อาจจะเป็นสาเหตุที่ทำให้ url สุดท้ายเปลี่ยนไปได้
เมื่อ พ. 22 ต.ค. 2551 @ 22:25
894493 [ลบ] [แจ้งลบ]
คุณต้นกล้า
ผมลองใช้ Album photos เพื่อเก็บภาพ จากที่นี่ http://drupal.org/project/photos พอสรางอัลบั๊มตัวเอง เสร็จแล้วจะ Upload file มันทำไม่ได้ ไม่เห็นมีปุ่มอะไรให้กดเลยครับ คัณพอจะรู้ไหม
รบกวนชี้แนะด้วยครับ
ขอบคุณ
เมื่อ ส. 28 มี.ค. 2552 @ 11:24
1206458 [ลบ] [แจ้งลบ]
หวัดดีค่ะ คุณต้นกล้า
ติดตั้ง tinymce เสร็จแล้วไม่มีปุ่ม browser รูป
ติดตั้ง imce แล้วด้วย ต้องไปแก้ไขตรงใหนค่ะ