Post archive
Tag: media
-
wordpress ครอปภาพ พลิกซ้าย พลิกขวา มันก็ทำได้
ใครหลายๆคนเมื่อต้องการจะตกแต่งภาพเบื้องต้น เช่นการครอปภาพ พลิกซ้าย พลิกขวาภาพ ก่อนนำมาใช้ในเวิร์ดเพรส จะต้องนำภาพนั้นไปทำมาจาก photoshop ก่อน โดยหารู้ไม่ว่า ความสามารถพื้นฐานเล็กๆนี้ เวิร์ดเพรสนั้นมันสามารถทำได้ด้วยตัวมันเองอยู่แล้ว แถมมันยังเก็บภาพออริจินอลไว้ให้เราด้วย เพื่อให้เรารีเซ็ตกลับในยามไม่ต้องการ
READ MORE -
tinyMCE เพิ่มปุ่มใหม่และคำสั่งของเราเอง
preview ที่ tinyMCE ให้มาผมไม่ค่อยชอบเพราะมันขึ้นมาเป็นหน้าต่างเล็กๆ ไม่พอกับการแสดงผลที่ผมต้องการ ผมก็เลยคิดว่าจะเปลี่ยนเสียใหม่ โดยเอาปุ่ม preview เดิมออก แล้วเอาปุ่มของตัวเองเข้าไป เขียนคำสั่งกำกับเสียใหม่
READ MORE -
tinyMCE เปลี่ยนการแสดงผลในตัวอีดิเตอร์
ท่านแม็ก ลำลึงค์ (ลูกศิษย์ พร อัณฑะ) เป็นคนจัดทำ CSS งานออกแบบสุดเลิศหรูอลังการ การแสดงผลบนเว็บไซต์เฉียบคมชนิดใครได้มองเป็นเลือดซิบๆ แต่ว่าไอ้ตัวเขียนคอนเท้นท์ที่ผมสร้างขึ้นมาจาก tinyMCE นี่สิมันไม่ได้แสดงผลให้เห็นเหมือนอย่างที่ แม็ก ลำลึงค์ ได้เขียน CSS ไว้
READ MORE -
TinyMCE ติดตั้งตัวอัปโหลดรูปภาพ
อันที่จริงในเว็บ TinyMCE เองเขาก็มีตัวอัปโหลดรูปภาพอยู่ แต่เขาขาย TinmyMCE ทำมาแจกให้ใช้กันฟรีๆ ไปขายปลักอินติดตั้งเพิ่มแทน แต่ก็มีคนทำปลักอินจัดการอัปโหลดภาพมาให้ใช้ฟรีๆ ตัวที่ผมใช้และชอบมาจากเว็บ phpletter.com
READ MORE -
Mac Short Cut ปุ่มลัดมหัศจรรย์
วันนี้มาแนะนำ Short-Cut สำหรับแมค เอาเท่าที่รู้จักและจำได้ อีกส่วนหนึ่งนำมาจากเว็บ freemac ที่สิ่งสถิตย์ของสาวกแมค คิดว่ามีประโยชน์มากทีเดียว หากทำงานด้วย short-cut เมาทส์แทบไม่มีความจำเป็น..มาดูกันเลยดีกว่า Apple + E จะหมายถึงการ Eject Disk หรือ thumb drive (แล้วแต่กรณี) แต่จะต้อง highlight หรือเลือกอุปกรณ์นั้น ๆ อยู่ก่อนแล้ว Apple + option + F12 จะหมายถึงการสั่งให้เข้าสู่โหมด Sleep Apple + (left) Shift + delete หมายถึงการ Empty trash (จะต้องเลือก OK เพื่อยืนยัน) Control+eject เรียกคำสั่ง Restart/Sleep/Shutdown Command (ปุ่ม apple) + Tab ใช้เพื่อ Switch […]
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
