*******************
Title:php調用CKEditor編輯器
Author:insun
Blog:http://yxmhero1989.blog.163.com
****************/
以前在黑客界的時候它還是fckeditor,有各種CMS喜歡調用它,黑客們也喜歡找出她很多很多的洞洞。
最近在公司做個php後台,要調用編輯器
首先在<head></head>間引用其js:<script type="text/javascript" src="http://yxmhero1989.blog.163.com/blog/<?=WEBROOT?>js/ckeditor/ckeditor.js"></script>
然後調用:
<?php $k="content";?>
<td><textarea name="<?=$k?>" cols="60" rows="8" class="ckeditor" ><?=$item[$k]?></textarea>
這個是最簡單的方法,直接class來的。
也可以<script type="text/javascript">CKEDITOR.replace("content");</script>
不過我嫌麻煩的~~~
===========================================================================================
3.x 版本的使用非常方便,也不用擔心會形成兩個同名的 content。實際上 textarea 的 id 省略了也是可以的,因為 CKEditor 會先按 name 來查找,查找不到,再按 id 來查找。並且編輯器會在 textarea 的位置替換原有的 textarea。
設置編輯器皮膚、寬高
代碼 <textarea cols="90" rows="10" id="content" name="content">cftea</textarea>skin 值應該是 ckeditor/skins 文件夾下的某個文件夾名稱,如果指向不存在的皮膚,則不會顯示編輯器。
設置值(也可以用來清空值)
CKEDITOR.instances.content.setData("Pacer"); // content 就是前面 CKEDITOR.replace 的第一個參數值(也就是textarea 的ID值)或
var editor = CKEDITOR.replace("content");獲取值
alert(CKEDITOR.instances.content.getData()); // content 就是前面 CKEDITOR.replace 的第一個參數值或
var editor = CKEDITOR.replace("content");插入圖片
若要演示此示例,最好是放在按鈕的事件處理程序中,目的是有些延遲。
CKEDITOR.instances.content.insertHtml("<img src=...>");