ckeditor - div编辑

Question

我想使用ckeditor为我的网站创建一个可编辑区域。这个可编辑区域必须显示像ckeditor那样的html格式化元素，而且我希望字体和颜色与我网站的样式相匹配。

解决方案似乎非常简单，我可以使用内联编辑来写这样的东西：

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

它有效但有一些我不需要的东西：如果div元素有焦点，编辑器会出现并消失。但是，我想每时每刻都显示编辑器！

这似乎只能替换textarea（阅读所有其他论坛），但textareas与我的网站样式表不匹配！

经过一番搜索，我在ckeditor的网站上看到了这个例子：http://ckeditor.com/demo#div

这正是我需要的！一个永不消失的内联编辑器！

问题是：

我对代码不太满意，我无法理解编辑器的基本代码是什么样的！你能帮帮我吗？

Answer 1

我用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'
};

希望它有所帮助（它应该！）