Copyright © All rights reserved | This template is made with by Colorlib

Next Big Event:

บทความในหมวด

Java Script

บทความเกี่ยวกับ Java Script

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


เรียบเรียงเมื่อวันที่ 14 มิถุนายน 2553 โดย 6lnw9

การติดตั้ง 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 | เข้าชมแล้ว 1801 ครั้ง | กลับหน้าหลัก