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

Next Big Event:

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

JAVA SCRIPT

Java Script

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

2010-06-14 Games 2,038

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


TinyMCE Plugin,SyntaxHighlighter | Java Script

เข้าชมแล้ว 2,929,880 ครั้ง | ทั้งเว็บออนไลน์   2 ท่าน | หน้านี้ออนไลน์   1 ท่าน
Page generated in 0.0138 seconds ! ( 13 query)