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搜索了!

你需要一个divareaCKEditor插件:下载页面.

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

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

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

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

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