[solved] Dynamically change the CKE BG-color in PageEditor?

[horst]

Hi,

how can I access the CKE background elemet via JS? I need to add / remove css classes to change the bg-color.

Any hints are greatly appreciated.

[louisstephens]

I havent tested this, but I did find this:

https://stackoverflow.com/questions/14039638/apply-background-color-in-ckeditor-textarea

[horst]

Many thanks. I have tried a lot from SO links in the last past 2 hours. But all of them result in 'undefined' objects. In pW PageEditor, the CKE textarea is within an iframe, maybe that is the reason?

[horst]

Ah, this seems to be better place to look: https://docs.ckeditor.com/ckeditor4/latest/api/CKEDITOR_dom_document.html#method-getBody

 

EDIT: No, it only gets the dom elements from the edit page what is the parent page of the page in cke iframe. ?

 

Edited July 9, 2018 by horst

[horst]

Ok, the culprit was that CKE needs some time on startup to dynamically create the iframes. Therefore all those tries running on document load failed. As a workaround I use setTimeout() with a delay of 1000 ms to start finding the iframes. Will look into CKE API, if there is something that can be queried that indicates ready loaded CKE and use this instead of my workaround.

But for today I'm finished with work. ?