Roy Tang

Programmer, engineer, scientist, critic, gamer, dreamer, and kid-at-heart.

Blog Notes Photos Links Archives About

I downloaded the latest CKEditor and tried the following:

<script src="ckeditor/ckeditor.js">
<div id="editor">
Some test text
CKEDITOR.disableAutoInline = true;

var editor = CKEDITOR.inline( 'editor' );

It worked in the sense that I can click the div to make the editor toolbar appear, but aside from that I can’t seem to edit the content! Most of the toolbar buttons are disabled, and typing into the field does nothing. (See screenshot below)

enter image description here

According to this should be all the JS I need. Is there some other config setting I need to be doing?


Rawr, sorry. I found the answer mere minutes after posting this. I was so focused on looking for a config option I didn’t realize to check the div in the example.

The div still has to have contenteditable="true" even if I don’t use CKEDITOR.disableAutoInline.