หน้าตาเต็มๆของ TinyMCE จะเป็นอย่างนี้
TinyMCE full button :
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 remove some button :
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
ลองอ่านชื่อแล้วเดาเอาครับว่าน่าจะเป็นปุ่มไหน ถ้าหากไม่ทราบจริงๆ ก็แนะนำให้ทดลองไปทีละชื่อ แล้วสังเกตุว่าปุ่มไหนหายไป
ไม่มีความคิดเห็น:
แสดงความคิดเห็น