程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> php調用CKEditor編輯器

php調用CKEditor編輯器

編輯:關於PHP編程

*******************
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
>
不過我嫌麻煩的~~~

 

php調用CKEditor編輯器 - InSun - Minghacker is Insun

 
===========================================================================================
 

3.x 版本的使用非常方便,也不用擔心會形成兩個同名的 content。實際上 textarea 的 id 省略了也是可以的,因為 CKEditor 會先按 name 來查找,查找不到,再按 id 來查找。並且編輯器會在 textarea 的位置替換原有的 textarea。

設置編輯器皮膚、寬高

代碼 <textarea  cols="90" rows="10" id="content" name="content">cftea</textarea>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript">
<!--
    CKEDITOR.replace("content",
      {
          skin: "kama", width:700, height:300
      });
//-->
</script>

skin 值應該是 ckeditor/skins 文件夾下的某個文件夾名稱,如果指向不存在的皮膚,則不會顯示編輯器。

設置值(也可以用來清空值)

CKEDITOR.instances.content.setData("Pacer"); // content 就是前面 CKEDITOR.replace 的第一個參數值(也就是textarea 的ID值)

var editor = CKEDITOR.replace("content");
editor.setData("Pacer");

獲取值

alert(CKEDITOR.instances.content.getData()); // content 就是前面 CKEDITOR.replace 的第一個參數值

var editor = CKEDITOR.replace("content");
alert(editor.getData());

插入圖片

若要演示此示例,最好是放在按鈕的事件處理程序中,目的是有些延遲。

CKEDITOR.instances.content.insertHtml("<img src=...>");

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved