openWYSIWYG – The Ultimate Cross-Browser TextArea Replacement

วันนี้ผมจะมานะนำ WYSIWYG editor อีกตัวที่น่าสนใจครับ การนำเอาไปใช้งานก็ถือว่างายมากๆเลยทีเดียวครับและ option ก็ไม่น้อยหน้าใครครับ

• Loads extremely fast. Completely written in JavaScript and DHTML. No server side code (like PHP) required!
• Easily view HTML source code and make “in code” adjustments.
• Manage documents similar to Word. Bold, italicize, change the color of your text, and more.
• Create numbered and bulleted lists.
• Insert images, create tables, and link text.

วิธีการติดตั้ง

ก่อนอื่นต้อง Download openWYSIWYG จากเว็บไซต์ openwebware.com มาก่อนนะครับหลังจากนั้นก็ unzip ไปไว้ใน folder โปรเจ็คของท่าน แค่นี้ก็เสร็จเรียบร้อยครับ

วิธีการนำไปใช้งาน

1. เพิ่มบรรทัดนี้เข้าไปบน tag </head>

<script language=“JavaScript” type=“text/javascript” src=“/your_directory_path/openwysiwyg/wysiwyg.js”></script>

2. เพิ่ม textarea อย่าลืมเพิ่ม tagปิดนะครัย ลงใร form และตั้งชื่อ ID

<textarea id=”your_textarea“></textarea>

3. หลังจากนั้น เพิ่ม code java script ลงไปตรงข้างล่าง textarea

<script language=“JavaScript”>
generate_wysiwyg(‘your_textarea‘);
</script>

แค่นี้ก็เสร็จเรียร้อยครับ