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

หน้าตาเต็มๆของ 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″ ,

TinyMCE ตัวหนังสือเล็กไปติ๊ดดดด..

หลังจากที่ดาวน์โหลดตัว TinyMCE และลองใช้งานดู จะรู้สึกว่าตัวอักษรที่แสดงในช่องป้อนข้อมูลเล็กไปหน่อย ( หรือเปล่า )

เอาเป็นว่า ไม่ถูกใจอยากเปลี่ยน ไปหาไฟล์นี้ให้เจอนะคับ แล้วเปิดมันขึ้นมา

|–tinymce_3_ob3

|—- tinymce

|—— themes

|——– advanced

|———- skins

|———— default

|————– content.css

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

TinyMCE : version 3.0b3 beta
Editor : Adobe Dreamweaver CS3

วันหนึ่งหลังจากได้ดาวน์โหลด ตัว TinyMCE มาจากเว็บไซต์ และเริ่มทดสอบการใช้งาน แรกเริ่มเลย ก็ลองรันตัวอย่างของเขาดูก่อน

อ่าฮ้า … หน้าตาโอเค ทีนี้ก็เริ่มตั้งหน้าตั้งตาอ่านวิธีการใช้งาน จาก doc ที่เขาให้มาด้วย ก็พอเข้าใจนิดหน่อยแล้วล่ะ ได้ฤกษ์ทดลองเขียน

เปิด dream มา โช๊ะ สร้างไฟล์ใหม่ โช๊ะ ใส่ textarea โช๊ะ ก้อปโค้ดจากตัวอย่างเขามา โช๊ะ จะได้ไม่ต้องเขียนเอง โช๊ะ save ไฟล์

โช๊ะ เอาชื่อที่ dream ให้มานี่แหละ Untitled-1.php กด F12 รัน โช๊ะ นั่งรอและยิ้มมุมปาก

Error เพล้งงงงงง…..

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

จากบทความก่อนหน้านี้ ผมได้เสนอบทความการใช้งาน TinyMCE จะมีโค้ดส่วนหนึ่งที่ใช้เริ่มต้น การทำงาน TinyMCE

วันนี้มาดูกันว่า ความหมายของ config แต่ละตัวนั้น หมายถึงอะไร และเป็นอะไรได้บ้าง