Index: lams_central/web/includes/javascript/ckconfig_custom.js =================================================================== diff -u -ra6c94a5454507a7c6502caf4c054000f36cc6778 -r78ae88b9a7c79f31eb1f795d084be7d283963885 --- lams_central/web/includes/javascript/ckconfig_custom.js (.../ckconfig_custom.js) (revision a6c94a5454507a7c6502caf4c054000f36cc6778) +++ lams_central/web/includes/javascript/ckconfig_custom.js (.../ckconfig_custom.js) (revision 78ae88b9a7c79f31eb1f795d084be7d283963885) @@ -146,15 +146,19 @@ // Hides editor instaces until they are fully initialized CKEDITOR.on('instanceCreated', function(e){ - e.editor.element.$.style.display = 'none'; + //e.editor.element.$.style.display = 'none'; }); CKEDITOR.on('instanceReady', function(e){ //add custom classes var classes = e.editor.config.classes; if (classes) { - e.editor._.editable.$.classList.add(classes); + for (classIter of classes.split(' ')) { + if (classIter) { + e.editor._.editable.$.classList.add(classIter); + } + } } var height = e.editor.config.height; @@ -180,4 +184,16 @@ f.data.dataValue = tempDiv.innerHTML; }); + + //add cke_filled class, when editor gets filled + e.editor.on('change', function(event) { + var ckeditorData = event.editor.getData(); + + var isEmpty = (ckeditorData == null) || (ckeditorData.replace(/ | |
|\s|

|<\/p>|\xa0/g, "").length == 0); + if (isEmpty) { + event.editor._.editable.$.classList.remove("cke_filled"); + } else { + event.editor._.editable.$.classList.add("cke_filled"); + } + }); });