ckeditor - редактор на основе div

Question

Я хотел бы создать редактируемую область для своего сайта, используя ckeditor. Эта редактируемая область должна показывать html-форматированные элементы, такие как ckeditor, плюс мне хотелось бы, чтобы эти шрифты и цвета соответствовали стилям моего веб-сайта.

решение кажется очень простой, я мог бы использовать встроенное редактирование писать что-то вроде этого:

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

Это работает, но есть что-то, что мне не нужно: редактор появляется и исчезает, если Элемент div имеет фокус или нет. Но, Я хочу показать редактор каждый момент!

Это похоже на замену текстовой области (чтение всех других форумов), но текстовые поля не соответствуют моим стилям стилей!

После некоторых поисков я видел этот пример на сайте CKEditor в: http://ckeditor.com/demo#div

Это именно то, что мне нужно !!! Встроенный редактор, который никогда не исчезает!

Проблема заключается в том:

Я не так в состоянии с кодом, я не могу понять, что это основной код, чтобы сделать редактор, как это! Не могли бы вы мне помочь?

Answer 1

Я googled это here!

Вам нужен плагин divarea для CKEditor: download page.

После установки этого плагина, вы должны запустить редактор с ним, как это:

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

или вы можете добавить плагин в config.js CKEditor в:

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

Надеется, что это помогает

(он должен!)