หน้าตาเต็มๆของ TinyMCE จะเป็นอย่างนี้
tinyMCE.init({ mode : "exact", elements : "ajaxfilemanager", theme : "advanced", plugins : "table,advhr,advimage,advlink,flash,paste,fullscreen,noneditable,contextmenu", theme_advanced_buttons1_add_before : "newdocument,separator", theme_advanced_buttons1_add : "fontselect,fontsizeselect", theme_advanced_buttons2_add : "separator,forecolor,backcolor,liststyle", theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,", theme_advanced_buttons3_add_before : "tablecontrols,separator", theme_advanced_buttons3_add : "flash,advhr,separator,fullscreen", theme_advanced_toolbar_location : "top", theme_advanced_toolbar_align : "left", extended_valid_elements : "hr[class|width|size|noshade]", file_browser_callback : "ajaxfilemanager", paste_use_dialog : false, theme_advanced_resizing : true, theme_advanced_resize_horizontal : true, apply_source_formatting : true, force_br_newlines : true, force_p_newlines : false, relative_urls : true }); |
จะเห็นว่าปุ่มเยอะแยะไปหมด ซึ่งในบางทีมันไม่ค่อยจะเหมาะเลยกับ ยูสเซ่อร์ บางคน จะใช้โหมด simple ปุ่มมันก็น้อยเสียเหลือเกิน มาปรับเอาปุ่มบางตัวที่ไม่ต้องการออกกันดีกว่า
tinyMCE.init({ mode : "exact", elements : "message_detail", theme : "advanced", theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator," , theme_advanced_toolbar_location : "top", theme_advanced_disable : "fontselect ,styleselect ,formatselect ,cleanup , image ,anchor ,link ,unlink ,charmap,code ,visualaid ,help" }); |
ตัวการสำคัญ อยู่ที่คำสั่ง theme_advanced_disable อยากลดปุ่มไหน ก็ใส่ๆๆ เข้าไป
ทีนี้จะรู้ได้ไงว่าปุ่มไหนเป็นปุ่มไหน! นี่คือชื่อปุ่มทั้งหมด
อ้างอิง: http://wiki.moxiecode.com/index.php/TinyMCE:Control_reference
ลองอ่านชื่อแล้วเดาเอาครับว่าน่าจะเป็นปุ่มไหน ถ้าหากไม่ทราบจริงๆ ก็แนะนำให้ทดลองไปทีละชื่อ แล้วสังเกตุว่าปุ่มไหนหายไป
onedd says:
18/05/2552 at 18/05/2552
ขอบคุณครับ
kongtoonarmy says:
09/08/2552 at 09/08/2552
ปกติผมจะใช้วิธีตัดออกเลยครับ
ไม่ทราบว่าสามารถกำหนดโดยใช้ theme_advanced_disable ได้เหมือนกัน แต่ยังสังสัยครับว่า มันต่างกันไงครับ
administrator says:
09/08/2552 at 09/08/2552
ตัดออกยังไงครับ
kongtoonarmy says:
09/08/2552 at 09/08/2552
ตัดใน theme_advanced_buttons1 เลยครับ ไม่เอาอันไหนก็เอาออกไปเลย ก็เลยงงครับม้ันต่างจาก theme_advanced_disable ยังไง
อ่อ ไม่ทราบว่าเราสามารถปรับขนาด font ตอนเรากด preview ได้ที่ไหนครับ เพราะว่าตอน preview ดู font บะเอ็บ เลย _^_
ขอบคุณครับ สำหรับความรู้ดีๆ
administrator says:
10/08/2552 at 10/08/2552
อ๋อ การตัดออกด้วยวิธีที่คุณว่า บางปุ่มมันจะใช้ไม่ได้ครับ ต้องใช้ disable เอาครับ ถ้าผมจำไม่ผิด รู้สึกว่าปุ่มทำตัวหนา ตัวเองนะ
ส่วนตอนพรีวิวแล้วตัวหนังสือไม่เป็นอย่างที่ต้องการ ผมแนะนำให้ใช้ firebug ตรวจดูว่ามันใช้ css จากตรงไหน ไฟบั๊กมันจะบอกครับ
zunk says:
17/07/2553 at 17/07/2553
ajaxfilemanager มีไฟล์ไหม ครับผมอยากใช้งานร่วม ตัวนี้่แนะนำทีครับ
administrator says:
18/07/2553 at 18/07/2553
ขอมาก็จัดไป http://www.phpletter.com/DOWNLOAD/
zunk says:
18/07/2553 at 18/07/2553
ขอมาก็จัดไป http://www.phpletter.com/DOWNLOAD/
ติดตังกับ ตัว ใหม่ยังไงออะครับ พี่ ผมม สับสน – -”
administrator says:
18/07/2553 at 18/07/2553
คู่มือการติดตั้งครับผม http://www.phpletter.com/Demo/Tinymce-Ajax-File-Manager/
toonit says:
08/02/2554 at 08/02/2554
ใจดีจริงๆ ความรู้เยอะมาก ขอบคุณมากครับ