Archive

Archive for the ‘component’ Category

openWYSIWYG – The Ultimate Cross-Browser TextArea Replacement

December 16, 2006 1 comment

วันนี้ผมจะมานะนำ 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>

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

Advertisements
Categories: ajax, component