I have inline ckeditor and wants to give background color to "div" which contains " contenteditable='true' ". I have tried colorbuttom etc, a lot, but dont get any result. Please guide me. That is, how to give backgound body color i.e. background color for whole block using ckeditor. Here, I am not talking about Text color or Text background color. I have tried a lot i.e integrating colorbuttom etc, but coulnot able to do it. Most of the support team missguide us in this regards. Please give useful step by step guidance, so that, we can integrate it.
Thanks ,
Dhirendra
Try this in your css
Try this in your css
*[contenteditable="true"] { background-color: #ff0000; }Background Color
Hi,
I am agree with you, but, I want to do it though CKEditor (Background color) dynamically. So that any time I can change the background color.
Please suggest.
You can't edit source outside
You can't edit source outside of CKEditor. But you could use jQuery for that, but I think it is not very userfriendly. Example:
$('*[contenteditable="true"]').on('mouseenter', function() { if($(this).css('background-color') == '' || $(this).css('background-color') == 'transparent') { webcolor = prompt('Your color: ', ''); if(webcolor != '') { $(this).css({'background-color': '#' + webcolor}); } } });You can use a colorpicker instead of the prompt window.