基於ckeditor-div的編輯器

我想爲我的網站使用ckeditor創建一個可編輯區域。這個可編輯區域必須顯示像ckeditor這樣的html格式元素，再加上我希望字體和顏色與我網站的樣式相匹配。基於ckeditor-div的編輯器

的解決方案似乎是很簡單的，我可以使用內聯編輯寫的東西是這樣的：

<script type="text/javascript" src="ckeditor.js"></script> 
<div contenteditable="true">my content...</div>

它的工作原理，但有件事我不需要：編輯出現和消失，如果div元素是否有焦點。但是，我想每時每刻都向編輯展示！

這似乎是可能的只能替換一個textarea（閱讀所有其他論壇），但textareas不匹配我的網站樣式表！

經過一番搜索我看到的CKEditor網站這個例子：http://ckeditor.com/demo#div

正是我所需要的！內聯編輯器永不消失！

的問題是：

我不太能與代碼，我不明白什麼是基本的代碼，以使這樣的編輯器！你能幫我嗎？

您已經非常具體地瞭解您的實際問題。您發現的解決方案有哪些特定問題？請編輯您的問題以指出更多細節。 – 2013-02-25 14:03:16

嗯，我的問題是一樣的。我找不到如何創建基於div的編輯器（默認情況下它使用iframe）。演示頁面沒有說明如何操作。 – Envek 2013-03-10 14:30:28

我用google搜索了here！

您需要一個用於CKEditor的divarea插件：download page。

安裝此插件後，你應該用它啓動編輯器這樣的：

<script>CKEDITOR.replace('my_text_area', { extraPlugins : 'divarea' });</script>

，或者你可以在CKEditor的的config.js添加插件：

CKEDITOR.editorConfig = function(config) { 
    config.extraPlugins = 'divarea' 
};

希望它可以幫助

（應該！）

2013-03-10 14:53:48 Envek

正是我在找的，謝謝！這應該被標記爲答案。 – Hoff 2013-04-05 22:23:58

回答