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