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

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: เกี่ยวกับ Textarea Editor ครับ

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

โดย dexjanghan » 08/08/2011 3:02 am

เผื่อมีใครสนใจใช้นะครับ
ผมใช้ 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>
แค่นี้ก็เรียบร้อยครับ สวยงามแท้

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

โดย dexjanghan » 17/07/2011 11:37 pm

ขอบคุณครับ

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

โดย imsn » 17/03/2011 6:10 pm

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

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

โดย seoohyes » 15/03/2011 9:43 pm

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

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

โดย mindphp » 07/03/2011 1:30 am

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

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

โดย dexjanghan » 06/03/2011 2:09 pm

ผมใช้ 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>
แต่มันไม่แสดงไอค่อนเลยครั อาจจะผิดพลาดตรงไหน ผมยังหาทางยังเห็นเลย
แนบไฟล์
มันไม่แสดงไอคอน
มันไม่แสดงไอคอน
top01.jpg (55.73 KiB) Viewed 7580 times

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

โดย dexjanghan » 06/03/2011 1:48 pm

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

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

โดย mindphp » 05/03/2011 3:25 pm

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


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

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

โดย dexjanghan » 05/03/2011 2:51 pm

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

ข้างบน