ใช้ ckeditor แทน fckeditor

ckeditor for webpage editor
ckeditor for webpage editor

8 ก.ค.54 ต้องการใช้ text editor เป็น plug-in ของ textarea จึง download script จาก http://ckeditor.com/download
ได้รุ่น CKEditor 3.6.1, released on 16 June 2011 เมื่อคลาย zip ลงที่ root ก็ได้ห้อง /ckeditor แล้วเขียน code test.htm มีรายละเอียดว่า

<head><script type=”text/javascript” src=”ckeditor/ckeditor.js”></script></head>
<body><form action=”xxx.php” method=”post”>
<textarea cols=”80″ id=”editor1″ name=”editor1″ rows=”10″></textarea>
<script type=”text/javascript”>
//<![CDATA[
CKEDITOR.replace( ‘editor1’,    {fullPage : true,   extraPlugins : ‘docprops’   });
//]]>
</script>
<p><input type=”submit” value=”Submit” /></p>
</form>
</body></html>

แต่ toolbar ที่ได้เป็นแบบ full option จึงกำหนดรูปแบบในแฟ้ม config.js

config.toolbar =
[
[ ‘Source’, ‘-‘, ‘Bold’, ‘Italic’, syntaxhighlight’ ]
];

ซึ่งมีรายละเอียดศึกษาเกี่ยวกับ config ได้ที่
http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html

Author: บุรินทร์ รุจจนพันธุ์

I am Lecturer, Developer, Researcher, Columnist, Writer, Photographer, and Webmaster - L@mpang man

Leave a Reply