ckeditor – div编辑

我想使用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

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

问题是：

我不太熟悉代码,我无法理解编辑器的基本代码是什么样的！你能帮我吗？

解决方法

我用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'
};

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