Post archive
Tag: TinyMCE
-
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 -
เฮ้ย … หน้าเพจ HTML มันพิมพ์ได้ด้วย
คุณสมบัติ contentEditable=”true” นี้เองที่ทำให้อิลิเม้นท์ใดๆสามารถพิมพ์ข้อความลงไปได้
READ MORE -
วิธีบังคับไม่ให้ tinyMCE ใช้แท็ก p แทน br
มาดูวิธีทำไม่ให้ tinyMCE ขึ้นบรรทัดใหม่ห่างจนเกินไป
READ MORE -
WYSIWYG
WYSIWYG – What You See Is What You Get หรือในบางครั้งก็เรียกว่า Rich Text Editor ผมไปเจอเว็บต่างประเทศเว็บหนึ่งเขารวบรวมตัวที่เด็ดๆไว้ บางตัวผมก็เคยใช้ บางตัวก็ไม่เคย ก็เอาเป็นว่า ท่านลองเล่นละกันนะครับ ชอบตัวไหน รักตัวไหนก็เลือกใช้กันตามอัธยาศัย มีอะไรสงสัย ก็ถามไว้ได้ ในช่องคอมเม้นท์ 1. Yahoo! UI Library: Rich Text Editor ถ้าเรื่องความสวยงาม และออกไปทางโมเดิลแล้ว ต้องยกให้ตัวนี้เลย Link : http://developer.yahoo.com/yui/examples/editor/
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