ckeditor - 基于 div 的编辑器答案

【问题标题】：ckeditor - div based editorckeditor - 基于 div 的编辑器
【发布时间】：2013-02-08 12:33:12
【问题描述】：

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

解决方案似乎很简单，我可以使用内联编辑这样写：

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

它可以工作，但有一些我不需要：如果 div 元素有焦点，编辑器会出现和消失。但是，我想每时每刻都向编辑器展示！

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

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

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

问题是：

我对代码不太懂，我不明白制作这样的编辑器的基本代码是什么！你能帮帮我吗？

【问题讨论】：

标签： ckeditor

【解决方案1】：

我已经用谷歌搜索了here！

您需要一个用于 CKEditor 的 divarea 插件：download page。

安装此插件后，您应该像这样启动编辑器：

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

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

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

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

【讨论】：