Configuring the CKEditor

[jonwid]

Hi. I’m trying to configure the CKEditor following the instructions in the documentation (https://docs.litium.com/documentation/architecture/back-office_1/configure-html-editor)

I did what is stated in the “Defining your own content style sheet (CSS)”. My own style sheet do appear but the Litium configured editor doesn’t load, instead you get the CKEditor full version.

I dug around on the forum and found https://forum.litium.com/t/adding-plugins-to-the-html-editor/584/3 and found a way forward. This brings back (as it seems) the Litium configuration.

(function () {
CKEDITOR.plugins.addExternal('stylesheetparser', '/Site/Editor/plugins/stylesheetparser/');
})();

(function () {
var old = CKEDITOR.editorConfig;
CKEDITOR.editorConfig = function (config) {
    old(config);
    config.extraPlugins = 'stylesheetparser';
}
})();

The problem is that the link-button now has stopped working. When pushing the button I get a javascript error :

Am I doing anything wrong?

[NilsN]

I think you need to append the plugin to the current extraPlugins set, try using += instead.

[jonwid]

That gives another error.
I believe I got the plugin working before, the problem is that the Litium implementation of the “Link”-button stops working.

[NilsN]

Sorry, you also need to add an , before the new plugin. So in total: config.extraPlugins += ',stylesheetparser';

[jonwid]

Hm, yeah the error is gone and the link button is working. The problem is that the stylesheetparser plugin doesn’t seem to work anymore.

[jonwid]

Anyone else has any input?

[ton.nguyen]

Please config the extraPlugins to be this one to remove the default divArea plugin:

config.extraPlugins = "stylesheetparser,iframedialog";

[jonwid]

Thanks, that did the trick!