因為直接把內容作為字符串給編輯器的 Value 屬性賦值使用的是 JavaScript 代碼，要讓 JS 代碼不受內容中雙引號、換行等的干擾，只有先讀入到 textarea 最方便。

使用 CKeditor 3.0.1

代碼如下: <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 版本的使用非常方便，也不用擔心會形成兩個同名的 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("腳本之家"); // content 就是前面 CKEDITOR.replace 的第一個參數值
或

代碼如下:
var editor = CKEDITOR.replace("content");
editor.setData("腳本之家");

取值

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

var editor = CKEDITOR.replace("content");
alert(editor.getData());
插入圖片

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

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

轉載于:https://www.cnblogs.com/ikei/p/7094660.html

總結

以上是生活随笔為你收集整理的CKEditor/FCKEditor的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。