• หน้าแรก
  • บทความเกี่ยวกับการช๊อปปิ้ง
  • คลิปวิดีโอ
  • ทีวีออนไลน์
  • รวมเกม เกมส์มากมาย
  • แบ่งปันความรู้
  • สารบัญเว็บไซต์
  • โลกใบเล็กของเราทุกคน
  • คุยสด แชท เว็บบอร์ด
  • ติดต่อเรา

Java Script

ติดตั้ง Plugin SyntaxHighlighter ให้ TinyMCE ( 14 มิถุนายน 2553 )


การติดตั้ง 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 ดังรูปครับ

 

SyntaxHighlighter-Plugin1.gif

 

SyntaxHighlighter Plugin2.gif

Tag :: TinyMCE Plugin,SyntaxHighlighter
เข้าชมแล้ว :: 1479 ครั้ง | กลับหน้าหลัก