基于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

回答