ติดตั้ง Plugin SyntaxHighlighter ให้ TinyMCE

การติดตั้ง Plugin SyntaxHighlighter ให้กับ TinyMCE มีไม่กี่ขั้นตอนครับ ง่ายมาก

ขั้นแรก ให้ Download Plugin SyntaxHighlighter กันก่อน

ขั้นที่สอง ให้แตกไฟล์ zip แล้วยกทั้ง Folder ไปไว้ใน Folder plugins ของ TinyMCE

ขั้นตอนสุดท้าย ติดตั้งการใช้งาน plugins และเพิ่มปุ่มเรียกใช้ใน code ของ TinyMCE 

tinyMCE.init > plugins // ให้เพิ่ม syntaxhl ต่อท้ายเข้าไป

tinyMCE.init > theme_advanced_buttons1 - 4 // กำหนดเองได้เลยครับว่าจะวางไว้ตรงไหนโดยเพิ่ม syntaxhl เข้าไปนั้นเอง

tinyMCE.init({
  theme : "advanced",
  plugins : "syntaxhl",
  theme_advanced_buttons1 : "bold,italic,underline,undo,redo",
  theme_advanced_buttons2 : "link,unlink,image,syntaxhl",
  theme_advanced_buttons3 : "",
  remove_linebreaks : false,
  extended_valid_elements : "textarea[cols|rows|disabled|name|readonly|class]"
});

เพียงเท่านี้เราก็จะได้ SyntaxHighlighter มาใช้งานร่วมกับ TinyMCE ดังรูปครับ