Change background colour of editor

Hi can I change the background colour of the ckeditor field, after the editor is loaded, there must be an easy way to do it surely?

I want to do this when a user has not filled in a required field. Note that I may have more than one textarea on the page.

Thanks.

Wed, 01/15/2014 - 15:31

sebstefanov

Joined: 03/02/2012

Posts: 1329

It can be done in ckeditor

It can be done in ckeditor/contents.css

Customer and Community Manager, CKSource
Follow us on: Facebook, Twitter, LinkedIn

If you think you found a bug in CKEditor, read this!

Thu, 01/16/2014 - 05:21

redranger

Joined: 21/08/2009

Posts: 5

Thanks for replying, but I'm

Thanks for replying, but I'm not sure I was clear in what I was looking for.

When the form is submitted, I want to highlight the ckeditor field with a light yellow background colour, if the field is a required field and nothing has been entered.

I worked out how to do this by adding a class name as follows:

pField = document.getElementById('myfield');
iframebody = CKEDITOR.instances[pField.id].document.getBody();
$(iframebody).attr('class',$(iframebody).attr('class') + ' ckrequirederror');

There may be a better way to do it but that's the only way I could get it to work.

The extra class is defined as follows in my css file:
.ckrequirederror{background:#FF9;}

The extra class is removed as follows:
$(iframebody).attr('class',$(iframebody).attr('class').replace(' ckrequirederror',''));

What do you think of the solution?