CKEditor Main Body = Readonly Mode

Hey Everyone,

I've got a question. I want to make the body of the CKEditor readonly by applying contenteditable='false' to the body.

I achieved this with this command:
var editor = CKEDITOR.instances.editor;
editor.document.$.body.setAttribute("contenteditable","false");

I wrapped this code like this:
editor.on('mode', function() {
}

Which triggers it to go into readonly mode during 3 events:
1. The editor is loaded.
2. Source mode is entered
3. wysiwyg mode is entered.

Then I took a div tag and I set a size constraint and made the contents editable. This forces the user to only create content within the size constraint that I determine.

Only weird part is that if I am in full screen mode, if I hit back enough times, the div disappears and the body becomes editable...

Sun, 03/20/2011 - 18:37

develop2

Joined: 20/03/2011

Posts: 4

Re: CKEditor Main Body = Readonly Mode

Hi, in CKEditor 3.5.2 this problem seems solved, but i found another problem, when type some text into contenteditable="true" div and select headline h1 format or another format for this text part, the h1 element is created outside of this div. Which is not acceptable for me. Here is example:

<body contenteditable="false">
<div id="placeholder1" contenteditable="true">this will be header <br /> some text</div> <div> non editable text</div>
</body>

And when select header text and click on Format dropdown list the code changes:

<body contenteditable="false">
<h1 contenteditable="true">
            this will be header</h1>
<div id="placeholder1" contenteditable="true">
            <br />some text
</div>
</body>

Have anybody some idea how to solve this problem ?

Thanks M.

Mon, 03/21/2011 - 02:45

pgteam

Joined: 13/09/2010

Posts: 84

Re: CKEditor Main Body = Readonly Mode

i've got similar problem and described in the post below
viewtopic.php?f=11&t=21859

Mon, 03/21/2011 - 08:02

develop2

Joined: 20/03/2011

Posts: 4

Re: CKEditor Main Body = Readonly Mode

pgteam wrote:i've got similar problem and described in the post below
viewtopic.php?f=11&t=21859

Thanks for your reply i also checked this topic, but i
downloaded nightly build and behavior is still same, block element is not inserted into <div> with content editable attribute. And is pasted as sibling of this element with same attributes except id attribute.

M.