How to make CKEditor readonly ?

Mon, 03/21/2011 - 14:36

#32

alfonsoml

Joined: 31/12/2006

Posts: 3735

Re: How to make CKEditor readonly ?

I'm not rejecting any proposal.
I'm stating that there's a simple solution that also provides better performance than your requested solution.

Tue, 03/22/2011 - 14:44

#33

andynedine

Joined: 17/03/2011

Posts: 21

Re: How to make CKEditor readonly ?

After searching for information and find similar cases, I've found a way to put the editor in read mode. It also works if there are many editors on the same page, whether reading or writing. The operation of the editors are correct in all cases.

CKEDITOR.on(""instanceReady"", function (ev) {
   var editorCKE = CKEDITOR.instances.<My_Editor>;
   editorCKE.on('key', function(keyEvent) {
      keyEvent.cancel();
   });
CKEDITOR.replace('<My_Editor>');
});

To avoid possible uses of the buttons also have hidden and locked the toolbar.

config("toolbarCanCollapse") = false
config("toolbarStartupExpanded") = false

Mon, 02/06/2012 - 18:50

#34

frankey

Joined: 06/02/2012

Posts: 2

Re: How to make CKEditor readonly ?

How about setting the textarea to disabled?


$('textarea').attr('disabled', 'disabled');

Mon, 02/06/2012 - 19:04

#35

frankey

Joined: 06/02/2012

Posts: 2

Re: How to make CKEditor readonly ?

you can also hide the toolbar as following:

<style>

table.cke_editor tr:first-child span.cke_toolbar { display:none; }

</style>

with the disabled part above it is like a reader.

i use cke for a self writen webmail and i go from read to reply/forward dynamicly so no page refresh, i use

<script>

$('table.cke_editor tr:first-child span.cke_toolbar').css('display', 'block');

</script>

Thu, 06/07/2012 - 10:42

#36

brunis

Joined: 13/04/2011

Posts: 29

Re: How to make CKEditor readonly ?

Setting this in your config file works!
config.readOnly = true;

But i want to change it with js or asp.net, but that seems to be broken.

Sun, 10/07/2012 - 23:52

#37

cdmlb

Joined: 07/10/2012

Posts: 1

Re: How to make CKEditor readonly ?

<textarea id="editor1" name="editor1"></textarea>
<script>
   CKEDITOR.replace('editor1');
   CKEDITOR.config.readOnly = true;
</script>