เกี่ยวกับ Textarea Editor ครับ

[dexjanghan]

ผมอยากทรายว่า มี Editor ตัไหนที่ ติดตั้งกับระบบที่เราสร้างขึ้นง่ายๆ บ้าง ครับ
และมีวิธีการคติดตั้งยังไงครับ
ขอบคุณครับ

[mindphp]

openWYSIWYG
www.openwebware.com
วิธีเรียกใช้

Code: Select all

 <script language="JavaScript" type="text/javascript" src="scripts/wysiwyg.js"></script>
<script language="JavaScript" type="text/javascript" src="scripts/wysiwyg-settings.js"></script>

Code: Select all

<script language="javascript1.2">
  WYSIWYG.attach('textarea1');
</script> 

TinyMCE
tinymce.moxiecode.com
วิธีเรียกใช้่ขึ้นอยู่กับรูปแบบ Textarea ที่ต้องการว่าจะเอาเครื่องมืออะไรบ้าง
ดูคู่มือได้ที่
http://tinymce.moxiecode.com/wiki.php
ผมชอบตัวนี้ Joomla ก็เลือกใช้ตัวนี้ครับ

MooEditable เป็น plugin ของ MooTools
ตัวเล็กติดตั้งง่าย
วิธีเรียกใช้

Code: Select all

<script>
	window.addEvent('domready', function(){
		$('textarea-1').mooEditable();
	});
</script>

โหลดโค้ดได้ที่
http://cheeaun.github.com/mooeditable/

jWYSIWYG - jQuery
ตัวนี้เป็น plugin ของ jQuery
วิธีเรียกใช้

Code: Select all

<script type="text/javascript">
  $(function(){
      $('#wysiwyg').wysiwyg();
  });
</script>

ckeditor
ตัวนี้ใหญ่หน่อยความสามารถเยอะ อัพโหลดไฟล์ได้ แต่ไอคอนไม่ค่อยน่าใช้เท่าไร หน้าตาไม่สวย
ดู Demo ได้ที่
http://ckeditor.com/demo


และอีักมากมายครับลองติดตั้งและเลือกเอาเองนะครับว่าตัวไหนเหมาะกับงานของเรา

[dexjanghan]

ขอบคุณมากเลยครับ

[dexjanghan]

ผมใช้ openWYSIWYG
ตามที่บอกผมใช้

Code: Select all

<script language="JavaScript" type="text/javascript" src="../../editor/scripts/wysiwyg.js"></script>
<script language="JavaScript" type="text/javascript" src="../../editor/scripts/wysiwyg-settings.js"></script>
<script language="javascript1.2">WYSIWYG.attach('cont');</script>

แต่มันไม่แสดงไอค่อนเลยครั อาจจะผิดพลาดตรงไหน ผมยังหาทางยังเห็นเลย

[mindphp]

รูปไม่ขึ้น มีสองสาเหตุ path ผิด หรือ โหลดไฟล์มาไม่ครบครับ

[seoohyes]

ผมใช้ ck อยู่ครับ ก็ถือว่า ok ในระดับหนึ่ง แต่ว่ามักจะมีปัญหากับ IE ครับ

[imsn]

กระทู้นี้น่าเก็บไว้ +++

[dexjanghan]

ขอบคุณครับ