因?yàn)橹苯影褍?nèi)容作為字符串給編輯器的 Value 屬性賦值使用的是 JavaScript 代碼,要讓 JS 代碼不受內(nèi)容中雙引號(hào)、換行等的干擾,只有先讀入到 textarea 最方便。
使用 CKeditor 3.0.1
復(fù)制代碼 代碼如下:
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");
//-->
/script>
可以看出,3.x 版本的使用非常方便,也不用擔(dān)心會(huì)形成兩個(gè)同名的 content。實(shí)際上 textarea 的 id 省略了也是可以的,因?yàn)?CKEditor 會(huì)先按 name 來(lái)查找,查找不到,再按 id 來(lái)查找。
并且編輯器會(huì)在 textarea 的位置替換原有的 textarea。
設(shè)置編輯器皮膚、寬高
復(fù)制代碼 代碼如下:
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 值應(yīng)該是 ckeditor/skins 文件夾下的某個(gè)文件夾名稱(chēng),如果指向不存在的皮膚,則不會(huì)顯示編輯器。
設(shè)置值、取值
設(shè)置值
CKEDITOR.instances.content.setData("腳本之家"); // content 就是前面 CKEDITOR.replace 的第一個(gè)參數(shù)值
或
復(fù)制代碼 代碼如下:
var editor = CKEDITOR.replace("content");
editor.setData("腳本之家");
取值
alert(CKEDITOR.instances.content.getData()); // content 就是前面 CKEDITOR.replace 的第一個(gè)參數(shù)值
或
var editor = CKEDITOR.replace("content");
alert(editor.getData());
插入圖片
若要演示此示例,最好是放在按鈕的事件處理程序中,目的是有些延遲。
CKEDITOR.instances.content.insertHtml("img src=...>");
您可能感興趣的文章:- 解決FCKEditor在IE10、IE11下的不兼容問(wèn)題
- FCKeditor使用方法(FCKeditor_2.6.3)詳細(xì)使用說(shuō)明
- asp.net+FCKeditor上傳圖片顯示叉叉圖片無(wú)法顯示的問(wèn)題的解決方法
- 修改fckeditor的文件上傳功能步驟
- ckeditor的使用和配置方法分享
- ASP FCKeditor在線(xiàn)編輯器使用方法
- 整合ckeditor+ckfinder,解決上傳文件路徑問(wèn)題
- FckEditor 配置手冊(cè)中文教程詳細(xì)說(shuō)明
- asp.net CKEditor和CKFinder的應(yīng)用
- PHP CKEditor 上傳圖片實(shí)現(xiàn)代碼
- CKEditor網(wǎng)頁(yè)編輯器 中文使用說(shuō)明
- FCKeditor2.3 For PHP 詳細(xì)整理的使用參考
- javascript獲取ckeditor編輯器的值(實(shí)現(xiàn)代碼)
- asp.net ckeditor編輯器的使用方法
- 通過(guò)Fckeditor把圖片上傳到獨(dú)立圖片服務(wù)器的方法
- 關(guān)于CKeditor的非主流個(gè)性應(yīng)用的設(shè)置
- asp中的ckEditor的詳細(xì)配置小結(jié)
- CKEditor4配置與開(kāi)發(fā)詳細(xì)中文說(shuō)明文檔