[Forum] About CKEditor skin, interface

[LoveStream]

Hello. Team.

I'm testing new editor too.
Is there how to change the skin, padding or margin adjuster in the css? I look into the editor.css but I couldn't got the meaning through the lines.

The default color is not match with us, so we need the color option or Editor Toolbar options.

Thanks.

[Taurus1]

I would also like to know where to style the new editor to different colors. Thanks.

[texasteamplayers]

I would also like to know where to style the new editor to different colors. Thanks.

agreed. It seems currently, that the actual style sheet for the ckeditor lies in /forum/clientscript/ckeditor/skins/kama/... which means, any changes made to those css files will affect the editors apperence in all of the styles on your forum.

So if you are like my site which has a dark and a light theme (which constrast in background color-text color), from what i have gathered so far, you have several choices:

1. Rewrite the ckeditor to pull those style sheets which are currently in /forum/clientscript/ckeditor/skins/kama/... from vbulletin's css management system. This would allow you to customize the appearance of the editor on a per-style basis. The downside is, that subsequent vb updates will be a pain to apply until vb fixes this lack of per-style customiz'abilty (you will have to manually patch the files, ensure that your changes remain and apply and new changes to edited files)
2. Try and make the editor unbais to color: i.e. making the tool bar transparent, likely have to modify the gradient (found in sprites.png (0,500px)), though the body-text container (where you are typing in the editor), will be a pain. You may be able to clear all css color overrides, so the system will pull from your styles body text color if your tenacious...
3. Wait and hope vBulletin fully assimilates the editor's style into vb's style system.

[Mrdale96]

Do a template search for ..

.cke_skin_kama .cke_wrapper

The background-color controls the color for the entire box/wrapper for the CK text editor

[texasteamplayers]

Do a template search for ..

.cke_skin_kama .cke_wrapper

The background-color controls the color for the entire box/wrapper for the CK text editor

right, but the style for the buttons

.cke_skin_kama .cke_toolgroup {

lies in forum/clientscript/ckeditor/skins/kama/toolbar.css along with everything else button related (i.e. drop downs and dialogs), right?


edit: along with

.cke_skin_kama .cke_contents iframe {

in forum/clientscript/ckeditor/skins/kama/mainui.css

[Mrdale96]

right, but the style for the buttons

.cke_skin_kama .cke_toolgroup {

lies in forum/clientscript/ckeditor/skins/kama/toolbar.css along with everything else button related (i.e. drop downs and dialogs), right?


edit: along with

.cke_skin_kama .cke_contents iframe {

in forum/clientscript/ckeditor/skins/kama/mainui.css

Search for in your templates -

.cke_skin_kama .cke_toolgroup

and then I just added :

background-color: #XXXXXX;

[texasteamplayers]

That returns nothing for me, perhaps this is my problem then? What template is that supposed to be in?
My only match on even ".cke_toolgroup" is

.cke_skin_kama div.cke_bottom_restore_autosave .cke_toolgroup {    height:18px;
    position:absolute;
    top:4px;
    padding:0 3px 0 0;
}

in editor.css template, (default, reverted template)

hmmm when i try to override in the editor.css template.

.cke_skin_kama .cke_wrapper {
    background-color: #D3D3D3;

from forum/clientscript/ckeditor/skins/kama/mainui.css
keeps overriding mine.

hmmmm did you make any changes to the css files in: forum/clientscript/ckeditor/skins/kama/ ?

[Mrdale96]

Since I'm there now trying to rectify my problem... the Css file I mentioned you have to access by going into your "clientscripts" folder on your server (looks like you discovered this). From there go into "ckeditor" and then "kama" and you'll find "toolbar.css" file which I believe is where the code you want to edit is.

[LoveStream]

Great All.

[LoveStream]

My TEST to publish to Facebook.

[LoveStream]

I have not permission to delete my post,

[BirdOPrey5]

In the future we have a specific forum for making such tests - http://www.vbulletin.com/forum/forum...est-things-out