openWYSIWYG
www.openwebware.com
วิธีเรียกใช้
โค้ด: เลือกทั้งหมด
<script language="JavaScript" type="text/javascript" src="scripts/wysiwyg.js"></script>
<script language="JavaScript" type="text/javascript" src="scripts/wysiwyg-settings.js"></script>
โค้ด: เลือกทั้งหมด
<script language="javascript1.2">
WYSIWYG.attach('textarea1');
</script>
TinyMCE
tinymce.moxiecode.com
วิธีเรียกใช้่ขึ้นอยู่กับรูปแบบ Textarea ที่ต้องการว่าจะเอาเครื่องมืออะไรบ้าง
ดูคู่มือได้ที่
http://tinymce.moxiecode.com/wiki.php
ผมชอบตัวนี้ Joomla ก็เลือกใช้ตัวนี้ครับ
MooEditable เป็น plugin ของ MooTools
ตัวเล็กติดตั้งง่าย
วิธีเรียกใช้
โค้ด: เลือกทั้งหมด
<script>
window.addEvent('domready', function(){
$('textarea-1').mooEditable();
});
</script>
โหลดโค้ดได้ที่
http://cheeaun.github.com/mooeditable/
jWYSIWYG - jQuery
ตัวนี้เป็น plugin ของ jQuery
วิธีเรียกใช้
โค้ด: เลือกทั้งหมด
<script type="text/javascript">
$(function(){
$('#wysiwyg').wysiwyg();
});
</script>
ckeditor
ตัวนี้ใหญ่หน่อยความสามารถเยอะ อัพโหลดไฟล์ได้ แต่ไอคอนไม่ค่อยน่าใช้เท่าไร หน้าตาไม่สวย
ดู Demo ได้ที่
http://ckeditor.com/demo
และอีักมากมายครับลองติดตั้งและเลือกเอาเองนะครับว่าตัวไหนเหมาะกับงานของเรา