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

Post a reply


In an effort to prevent automatic submissions, we require that you complete the following challenge.
Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: เกี่ยวกับ Textarea Editor ครับ

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

by dexjanghan » 08/08/2011 3:02 am

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

Code: Select all

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

Code: Select all

<div id="qmessage">&nbsp;</div>
แค่นี้ก็เรียบร้อยครับ สวยงามแท้

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

by dexjanghan » 17/07/2011 11:37 pm

ขอบคุณครับ

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

by imsn » 17/03/2011 6:10 pm

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

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

by seoohyes » 15/03/2011 9:43 pm

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

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

by mindphp » 07/03/2011 1:30 am

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

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

by dexjanghan » 06/03/2011 2:09 pm

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

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

by dexjanghan » 06/03/2011 1:48 pm

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

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

by mindphp » 05/03/2011 3:25 pm

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


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

Top