Home > ajax, component > openWYSIWYG – The Ultimate Cross-Browser TextArea Replacement

openWYSIWYG – The Ultimate Cross-Browser TextArea Replacement

December 16, 2006 Leave a comment Go to comments

วันนี้ผมจะมานะนำ 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
  1. May 23, 2013 at 12:07 am

    I visited many blogs however the audio quality for audio songs current at this web site is truly superb.

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: