Inline Ckeditor: All buttons are disabled

Question

I am currently trying to add an inline ckeditor to some text.

No javascript errors occour but unfortunately all tools are disabled and I can't edit the text.

http://fiddle.jshell.net/5LuyD/

Any one have a clue as to what I am doing wrong?

Answer 1

What you're missing is contenteditable="true" attribute for your element. If you want to have the editor customized (i.e. ran via CKEDITOR.inline( element, cfg )), set CKEDITOR.disableAutoInline = true; first.

With CKEDITOR.disableAutoInline = true;, all the contenteditable="true" elements must be initialized manually to become an editor instance. See the official guide for inline instances.

Answer 2

You missed the contenteditable="true" attribute for the tags that are editable!

Here is the fiddle. http://fiddle.jshell.net/5LuyD/1/