CKEditor edit config on the fly

Question

I have config.js file, but I also want to config some buttons dynamically. Here is my code for page:

 CKEDITOR.on('instanceReady', function (evt)
                  {

                    CKEDITOR.instances.MY_INSTANCE.destroy();
                    CKEDITOR.config.toolbar_Basic = [['Bold']];
                    CKEDITOR.config.toolbar = 'Basic';
                    CKEDITOR.config.width=400;
                    CKEDITOR.config.height=300;
                    CKEDITOR.replace('MY_INSTANCE', CKEDITOR.config);
});

when I go to the page, textarea is blinking and appears/disappears all time. What's wrong? How to change ckeditor's config dynamically ?

PS. I've seen this answer, but it didn't help me much

score 1 · Accepted Answer · answered Mar 12 '15 at 11:53

1

Use This:-

 CKEDITOR.replace( 'editor1', {
        language: 'fr',
        uiColor: '#9AB8F3'
    });

For More information click here

answered Mar 12 '15 at 11:53

Harpartap Singh Permar

289
1
13

it says "Uncaught The editor instance "MY_INSTANCE" is already attached to the provided element." – John Smith Mar 12 '15 at 12:22
Go to the link they have described everything. – Harpartap Singh Permar Mar 12 '15 at 12:26
I looked up.. nothing useful – John Smith Mar 12 '15 at 12:35
also, when I first destroy existing editor and then try to reconfifure with your code - the effect is the same - textarea blinking – John Smith Mar 12 '15 at 12:48

score 1 · Answer 2 · answered Mar 03 '18 at 12:01

1

In case anyone wondered about multiple editors solution, I find this to be the best one.

$(".ckeditor").each(function() {
    CKEDITOR.replace($(this).attr("id"), {
        extraPlugins: 'justify,font'
    });
});

answered Mar 03 '18 at 12:01

Jakub Szymsza

86
9

CKEditor edit config on the fly

2 Answers2