PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

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

06 June 2014 By


ดูการเปลี่ยนแปลง ของ 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





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