Post archive

Category: TinyMCE

  • TinyMCE

    tinyMCE เพิ่มปุ่มใหม่และคำสั่งของเราเอง

    preview ที่ tinyMCE ให้มาผมไม่ค่อยชอบเพราะมันขึ้นมาเป็นหน้าต่างเล็กๆ ไม่พอกับการแสดงผลที่ผมต้องการ ผมก็เลยคิดว่าจะเปลี่ยนเสียใหม่ โดยเอาปุ่ม preview เดิมออก แล้วเอาปุ่มของตัวเองเข้าไป เขียนคำสั่งกำกับเสียใหม่

    READ MORE
  • TinyMCE

    tinyMCE ปรับแต่งตัว preview

    จะว่าไปแล้วการแสดงผลในหน้า preview นั้นปรับแต่งได้ โดยเข้าไปแก้ที่ไฟล์ tiny_mce\plugins\preview\preview.html ทีนี้อยากให้มัน preview ออกมาหน้าตายังไง ก็ปรับแต่งเอา

    READ MORE
  • TinyMCE

    tinyMCE เปลี่ยนการแสดงผลในตัวอีดิเตอร์

    ท่านแม็ก ลำลึงค์ (ลูกศิษย์ พร อัณฑะ) เป็นคนจัดทำ CSS งานออกแบบสุดเลิศหรูอลังการ การแสดงผลบนเว็บไซต์เฉียบคมชนิดใครได้มองเป็นเลือดซิบๆ แต่ว่าไอ้ตัวเขียนคอนเท้นท์ที่ผมสร้างขึ้นมาจาก tinyMCE นี่สิมันไม่ได้แสดงผลให้เห็นเหมือนอย่างที่ แม็ก ลำลึงค์ ได้เขียน CSS ไว้

    READ MORE
  • TinyMCE

    TinyMCE ติดตั้งตัวอัปโหลดรูปภาพ

    อันที่จริงในเว็บ TinyMCE เองเขาก็มีตัวอัปโหลดรูปภาพอยู่ แต่เขาขาย TinmyMCE ทำมาแจกให้ใช้กันฟรีๆ ไปขายปลักอินติดตั้งเพิ่มแทน แต่ก็มีคนทำปลักอินจัดการอัปโหลดภาพมาให้ใช้ฟรีๆ ตัวที่ผมใช้และชอบมาจากเว็บ phpletter.com

    READ MORE
  • TinyMCE

    วิธีบังคับไม่ให้ tinyMCE ใช้แท็ก p แทน br

    มาดูวิธีทำไม่ให้ tinyMCE ขึ้นบรรทัดใหม่ห่างจนเกินไป

    READ MORE
  • TinyMCE

    การลดปุ่มบางปุ่มของ TinyMCE

    หน้าตาเต็มๆของ TinyMCE จะเป็นอย่างนี้

    READ MORE
  • TinyMCE

    มาเปลี่ยน 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 และลองใช้งานดู จะรู้สึกว่าตัวอักษรที่แสดงในช่องป้อนข้อมูลเล็กไปหน่อย ( หรือเปล่า ) เอาเป็นว่า ไม่ถูกใจอยากเปลี่ยน ไปหาไฟล์นี้ให้เจอนะคับ แล้วเปิดมันขึ้นมา |–tinymce_3_ob3 |—- tinymce |—— themes |——– advanced |———- skins |———— default |————– content.css

    READ MORE
  • TinyMCE

    TinyMCE กับความแปลกประหลาดเรื่อง ชื่อไฟล์

    TinyMCE : version 3.0b3 beta Editor : Adobe Dreamweaver CS3 วันหนึ่งหลังจากได้ดาวน์โหลด ตัว TinyMCE มาจากเว็บไซต์ และเริ่มทดสอบการใช้งาน แรกเริ่มเลย ก็ลองรันตัวอย่างของเขาดูก่อน อ่าฮ้า … หน้าตาโอเค ทีนี้ก็เริ่มตั้งหน้าตั้งตาอ่านวิธีการใช้งาน จาก doc ที่เขาให้มาด้วย ก็พอเข้าใจนิดหน่อยแล้วล่ะ ได้ฤกษ์ทดลองเขียน เปิด dream มา โช๊ะ สร้างไฟล์ใหม่ โช๊ะ ใส่ textarea โช๊ะ ก้อปโค้ดจากตัวอย่างเขามา โช๊ะ จะได้ไม่ต้องเขียนเอง โช๊ะ save ไฟล์ โช๊ะ เอาชื่อที่ dream ให้มานี่แหละ Untitled-1.php กด F12 รัน โช๊ะ นั่งรอและยิ้มมุมปาก Error เพล้งงงงงง…..

    READ MORE
  • TinyMCE

    ภาคขยายความ การใช้งาน TinyMCE

    จากบทความก่อนหน้านี้ ผมได้เสนอบทความการใช้งาน TinyMCE จะมีโค้ดส่วนหนึ่งที่ใช้เริ่มต้น การทำงาน TinyMCE วันนี้มาดูกันว่า ความหมายของ config แต่ละตัวนั้น หมายถึงอะไร และเป็นอะไรได้บ้าง

    READ MORE