Ckeditor - div based editor

Question

I would like to create an editable area for my site using ckeditor. This editable area should show html-formatted elements like ckeditor, plus I would like these fonts and colors to match the styles of my website.

The solution seems very simple, I could use inline editing, writing something like this:

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

This works, but there is something I don’t need: the editor appears and disappears if the div element has focus or not. But I want to show the editor every moment!

It seems that this is only possible to replace the text area (reading all other forums), but the text fields do not match the styles of my page!

After some searching, I saw this example on the ckeditor website: http://ckeditor.com/demo#div

This is exactly what I need !!! Built-in editor that never fades!

The problem is this:

I can’t with the code, I can’t understand what the basic code is to make such an editor! Can you help me?

Answer 1

I was looking for him here !

You need the divarea plugin for CKEditor: download page .

After installing this plugin, you should start the editor as follows:

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

or you can add the plugin in CKEditor config.js :

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

Hope this helps (he should!)