ckeditor-基于div的编辑器

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

解决方案似乎非常简单，我可以使用内联编辑编写如下内容：

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

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

我的内容。。。

它可以工作，但有一点我不需要：如果div元素有焦点或没有焦点，编辑器就会出现并消失。但是，我想随时向编辑展示

这似乎只可能取代文本区域（阅读所有其他论坛），但文本区域与我的网站样式表不匹配

经过一些搜索，我在ckeditor的网站上看到了这个示例：

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

问题是：

我对代码不是很在行，我不明白什么是使编辑器变成这样的基本代码！你能帮帮我吗？

我已经在谷歌上搜索过了

对于CKEditor:，您需要一个

divarea

插件

安装此插件后，应按如下方式启动编辑器：

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

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

---

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

在实际问题被问到之前，你已经非常具体了。。您发现的解决方案有哪些特殊问题？请编辑你的问题，说明更多细节。好吧，我的问题也是一样。我找不到如何创建基于div的编辑器（默认情况下它使用iframe）。演示页面没有说明如何做。正是我想要的，谢谢！这应该被标记为答案。