PHP Ionic Angular Phonegap AJAX Javascript CSS MySQL jQuery Forum


แนะนำ ckeditor เวอร์ชั่น 4.4.1

06 June 2014 By
ckeditor

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ ckeditor



ดูการเปลี่ยนแปลง ของ ckeditor ในแต่ละเวอร์ชั่น
http://ckeditor.com/whatsnew
 
วิธีใช้งาน CKEditor เวอร์ชั่น 4.4.1 ร่วมกับ jQuery
 
ดาวน์โหลดได้ที่
http://ckeditor.com/download/releases
 
ตัวอย่างโค้ด และการใช้งาน

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> </title>
</head>

<body>

<div style="margin:auto;width:75%;">

  <form id="form1" name="form1" method="post" action="">
    <textarea name="message" id="message" cols="45" rows="5"></textarea>
  </form>
  <br />
</div>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>  
<script src="ckeditor/ckeditor.js"></script>
<script src="ckeditor/adapters/jquery.js"></script>
<script type="text/javascript">
$(function(){
	$("#message").ckeditor();
//	บรรทัดล่างที่ comment ไว้ลบออกได้
//	var editor = $("#message").ckeditor().editor;	
//	$(".emoticon").click(function(){
//		var imgIns=$(this).attr("src");
//		var imgHTML="<img src="+imgIns+" />";
//		editor.insertHtml(imgHTML);
//	});
});
</script>
</body>
</html>
 








Tags:: ckeditor






อย่าลืมกด Like กด Share เป็นกำลังใจ ในการสร้างบทความใหม่ๆ น่ะครับ


URL สำหรับอ้างอิง