WYSIWYG – What You See Is What You Get หรือในบางครั้งก็เรียกว่า Rich Text Editor ผมไปเจอเว็บต่างประเทศเว็บหนึ่งเขารวบรวมตัวที่เด็ดๆไว้ บางตัวผมก็เคยใช้ บางตัวก็ไม่เคย ก็เอาเป็นว่า ท่านลองเล่นละกันนะครับ ชอบตัวไหน รักตัวไหนก็เลือกใช้กันตามอัธยาศัย มีอะไรสงสัย ก็ถามไว้ได้ ในช่องคอมเม้นท์

1. Yahoo! UI Library: Rich Text Editor

ถ้าเรื่องความสวยงาม และออกไปทางโมเดิลแล้ว ต้องยกให้ตัวนี้เลย

Link : http://developer.yahoo.com/yui/examples/editor/

2. TinyMCE

ตัวนี้ถือว่าครบเครื่องจริงๆ เอกสารการใช้งานครบถ้วน พัฒนาต่อเนื่อง และคุณสมบัติที่เด่นๆก็มีเยอะเช่น

- เพิ่มปลั๊กอินได้

- เปลี่ยนสกินได้

- เพิ่ม-ลด ปุ่ม และเปลี่ยนโหมดการทำงานเป็น เบสิคและแอดวานซ์ ได้

-ฯลฯ บอกกันไม่หมดต้องลองใช้เอง

โดยส่วนตัวแล้วผมชอบตัวนี้

Link : http://tinymce.moxiecode.com/examples/full.php#

3. Free Rich Text Editor

หน้าตาคล้ายไมโครซอฟต์เวิร์ด ยังไงยังงั้น

Link : http://www.freerichtexteditor.com/index.php?inc=demo/index

4. FCKeditor

ตัวนี้ก็ไม่ธรรมดา มีสกินให้ใช้ 3 แบบ มีระบบปลั๊กอิน

Link : http://www.fckeditor.net/demo

5. Markitup

ถูกสร้างขึ้นมาด้วย jquery ความสวยงามนั้น เรียกได้ว่าแจ่มเลยล่ะ คุณสมบัติก็ไม่ธรรมดา การใช้งานก็ง่าย ดูๆแล้วอะไรๆ ก็ดีไปเสียหมด น่าใช้มากครับตัวนี้ ผมรับรอง

Supported: IE7, Safari 3.1, Firefox 2, Firefox 3. IE6 and Opera 9+ as-is.

Features:

- Fast and unobtrusive integration

- Support for keyboard shortcuts

- Toolbar and drop down menus

- Fully customizable and scriptable

- Editor’s features callable from any place

- Ajax dynamic preview

- Customizable Skins

Link : http://markitup.jaysalvat.com/home/

6. jWYSIWYG

เอาใจคอ jquery กันโดยเฉพาะ ถ้าท่านอยากได้อะไรที่มันง่ายๆ และหลงใหลได้ปลื้ม ใน jquery แล้วล่ะก็ตัวนี้เลยครับ ไม่ต้องบรรยายสรรพคุณยา

Link : http://code.google.com/p/jwysiwyg/

บทความน่าสนใจ

1. การติดตั้งและใช้งาน TinyMCE WYSIWYG
2. วิธีใช้งาน jTip – The Jquery Tool Tip
3. tomato cart อีคอมเมิร์สไม่เหมือนใคร
4. เปลี่ยนเลย์เอ้าเว็บด้วย jQuery+CSS
5. Server2Go เซิฟเวอร์พร้อมดื่ม