Geek Answers Handbook

CKEditor inline editing - content not editable?

I downloaded the latest CKEditor and tried the following:

<html> <head> <script src="ckeditor/ckeditor.js"> </script> </head> <body> <div id="editor"> Some test text </div> <script> CKEDITOR.disableAutoInline = true; var editor = CKEDITOR.inline( 'editor' ); </script> </body>

It worked in the sense that I can click the div to bring up the editor toolbar, but beyond that I cannot edit the content! Most toolbar buttons are disabled, and entering text into a field does nothing. (See screenshot below)

enter image description here

According to http://nightly.ckeditor.com/13-04-14-07-42/standard/samples/inlinebycode.html , that should be all I need. Is there another configuration setting that I have to do?

+4
source share
1 answer

Rawr, sorry. I found the answer a few minutes after posting this post. I was so focused on finding a configuration option that I did not understand to check the div in the example.

The div should still have contenteditable="true" , even if I'm not using CKEDITOR.disableAutoInline .

+5
source

More articles:


All Articles