4

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

解决方案似乎很简单,我可以使用内联编辑编写如下内容:

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

它可以工作,但有一些我不需要:如果 div 元素具有焦点,编辑器会出现和消失。但是,我想每时每刻都给编辑看!

这似乎只能替换文本区域(阅读所有其他论坛),但文本区域与我的网站样式表不匹配!

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

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

问题是:

我对代码不太了解,我不明白制作这样的编辑器的基本代码是什么!你能帮我吗?

4

1 回答 1

15

我在这里用谷歌搜索过!

您需要divareaCKEditor 的插件:下载页面

安装此插件后,您应该使用它启动编辑器,如下所示:

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

或者您可以在 CKEditor 中添加插件config.js

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

希望它有帮助(它应该!)

于 2013-03-10T14:53:48.913 回答