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

[dexjanghan]

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

[mindphp]

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


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

[dexjanghan]

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

[dexjanghan]

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

โค้ด: เลือกทั้งหมด

<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]

ขอบคุณครับ

[dexjanghan]

เผื่อมีใครสนใจใช้นะครับ
ผมใช้ elrte-1.2
ที่ไต้แท็ก title

โค้ด: เลือกทั้งหมด

	<!-- jQuery and jQuery UI -->
	<script src="elrte-1.2/js/jquery-1.4.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="elrte-1.2/js/jquery-ui-1.8.7.custom.min.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" href="elrte-1.2/css/smoothness/jquery-ui-1.8.7.custom.css" type="text/css" media="screen" charset="utf-8">

	<!-- elRTE -->
	<script src="elrte-1.2/js/elrte.min.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" href="elrte-1.2/css/elrte.min.css" type="text/css" media="screen" charset="utf-8">

	<!-- elRTE translation messages -->
	<script src="elrte-1.2/js/i18n/elrte.ru.js" type="text/javascript" charset="utf-8"></script>

	<script type="text/javascript" charset="utf-8">
		$().ready(function() {
			var opts = {
				cssClass : 'el-rte',
				// lang     : 'ru',
				height   : 450,
				toolbar  : 'complete',
				cssfiles : ['elrte-1.2/css/elrte-inner.css']
			}
			$('#qmessage').elrte(opts); // ตรงนี้ใส่ชื่อตัวแปรของข้อมูลคับ ผมต้องการ ให้ตัวแปร ที่ชื่อqmessageสามารถแต่งแต้มสีสันได้ 
		})
	</script>
		<style type="text/css" media="screen">
		body { padding:20px;}
	</style>

จากนั้นก็มาที่ form

โค้ด: เลือกทั้งหมด

<div id="qmessage">&nbsp;</div>

แค่นี้ก็เรียบร้อยครับ สวยงามแท้