Change Background CKEditor

Danny · Post by **Danny** » Tue Feb 03, 2015 6:51 am

Hi,

Can you tell me how to change the background color from the CKEditor.

$('#x_<field>').css({'background-color':'#FFE6E6'}); <--- this is not working .

Regards,

vincenthung · Post by **vincenthung** » Tue Feb 03, 2015 4:50 pm

If you want to change the background of input area, you can customize the content.css inside the ckeditor folder.

update the background-color: #fff to #FFE6E6.

Danny · Post by **Danny** » Tue Feb 10, 2015 12:04 pm

Hi,

We want to modify the background-color of input area on the fly. Not the content.css inside the ckeditor folder.

Example:

If the field input area of the ckeditor is empty then the background-color is red (required).
If the field input area of the ckeditor is NOT empty then the background-color is transparant.

Regards, Danny

vincenthung · Post by **vincenthung** » Tue Feb 10, 2015 4:41 pm

You need to select the Body element inside the iFrame of CKEditor. Please try:

$(".cke_wysiwyg_frame").contents().find(".cke_editable").css("background-color","#FFE6E6");

Danny · Post by **Danny** » Thu Feb 12, 2015 5:44 am

Hi,

This code is not working. Do you have an other solution ?

Here some code with inspect.

Regards,