Post archive
Tag: preview
-
tinyMCE เพิ่มปุ่มใหม่และคำสั่งของเราเอง
preview ที่ tinyMCE ให้มาผมไม่ค่อยชอบเพราะมันขึ้นมาเป็นหน้าต่างเล็กๆ ไม่พอกับการแสดงผลที่ผมต้องการ ผมก็เลยคิดว่าจะเปลี่ยนเสียใหม่ โดยเอาปุ่ม preview เดิมออก แล้วเอาปุ่มของตัวเองเข้าไป เขียนคำสั่งกำกับเสียใหม่
READ MORE -
tinyMCE ปรับแต่งตัว preview
จะว่าไปแล้วการแสดงผลในหน้า preview นั้นปรับแต่งได้ โดยเข้าไปแก้ที่ไฟล์ tiny_mce\plugins\preview\preview.html ทีนี้อยากให้มัน preview ออกมาหน้าตายังไง ก็ปรับแต่งเอา
READ MORE -
tinyMCE เปลี่ยนการแสดงผลในตัวอีดิเตอร์
ท่านแม็ก ลำลึงค์ (ลูกศิษย์ พร อัณฑะ) เป็นคนจัดทำ CSS งานออกแบบสุดเลิศหรูอลังการ การแสดงผลบนเว็บไซต์เฉียบคมชนิดใครได้มองเป็นเลือดซิบๆ แต่ว่าไอ้ตัวเขียนคอนเท้นท์ที่ผมสร้างขึ้นมาจาก tinyMCE นี่สิมันไม่ได้แสดงผลให้เห็นเหมือนอย่างที่ แม็ก ลำลึงค์ ได้เขียน CSS ไว้
READ MORE -
TinyMCE ติดตั้งตัวอัปโหลดรูปภาพ
อันที่จริงในเว็บ TinyMCE เองเขาก็มีตัวอัปโหลดรูปภาพอยู่ แต่เขาขาย TinmyMCE ทำมาแจกให้ใช้กันฟรีๆ ไปขายปลักอินติดตั้งเพิ่มแทน แต่ก็มีคนทำปลักอินจัดการอัปโหลดภาพมาให้ใช้ฟรีๆ ตัวที่ผมใช้และชอบมาจากเว็บ phpletter.com
READ MORE -
-
มาเปลี่ยน skin ให้กับ TinyMCE กันเถอะ
ตัว TinyMCE จะมาพร้อมกับ skin 2 ตัว ในโหมด advanced คือ default กับ o2k7 ซึ่งถ้าตอนเรียกใช้ เราไม่ได้ระบุว่าจะให้ใช้ skin ตัวไหน TinyMCE ก็จะใช้หน้าตาแบบ default ถ้าเกิดเบื่อหน้าตาแบบ default แล้ว เราก็มาเปลี่ยนมันซะเถอะ วิธีก็ไม่มีไรมาก แค่ตอนเราเรียกใช้ TinyMCE เราก็ระบุ skin ให้มันด้วย <script type=”text/javascript“> tinyMCE.init({ // General options mode : “exact”, elements : “textarea1” ,
READ MORE -
ภาคขยายความ การใช้งาน TinyMCE
จากบทความก่อนหน้านี้ ผมได้เสนอบทความการใช้งาน TinyMCE จะมีโค้ดส่วนหนึ่งที่ใช้เริ่มต้น การทำงาน TinyMCE วันนี้มาดูกันว่า ความหมายของ config แต่ละตัวนั้น หมายถึงอะไร และเป็นอะไรได้บ้าง
READ MORE -
การติดตั้งและใช้งาน TinyMCE WYSIWYG
การติดตั้งและใช้งาน TinyMCE WYSIWYG TinyMCE สคริปต์ที่จะทำให้ช่องเขียนข้อความ (<textarea>) ของเรา แปลงร่างไปคล้ายๆ ms word ท่านสามารถดาวน์โหลดฟรีได้ที่ http://tinymce.moxiecode.com/download.php โหลดมาแล้วก็แตกซิปซะนะครับ มาถึงขั้นตอนเริ่มการใช้งาน ผมสมมติว่าท่านกำลังทำหน้าเพจ เพจหนึ่ง มี <textarea> 1 ตัว ชื่อ textarea1 <textarea id="textarea1" cols="45" rows="5" name="textarea1"></textarea><textarea id="textarea1" cols="45" rows="5" name="textarea1"></textarea> และต้องการนำ TinyMCE ไปใช้กับ textarea ตัวนี้ ก่อนอื่นท่านต้อง include ไฟล์ javascript TinyMCE หลักเข้ามา <script src="tinymce_3_0b3/tinymce/jscripts/tiny_mce/tiny_mce.js" type="text/javascript"></script><script src="tinymce_3_0b3/tinymce/jscripts/tiny_mce/tiny_mce.js" type="text/javascript"></script> และ config ต่อเลย <script type="text/javascript"> tinyMCE.init({ // General […]
READ MORE
