CKEditor style and custom skin

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.

5/29/2012 5:24:55 AM

nadio

Total Posts 25

View Posts

CKEditor style and custom skin

Hi,

I've successfully loaded a new skin for my instance of mojoportal. However, I'm finding that when I use the editor to create content for my pages, the style in the editor's edit window and dropdown is not representative of the skin i've created. Attached are screenshots to demonstrate my issue. As you can see, the bullets are also not shown.

editor view

final view

I've checked that my layout.Master has <body class="pagebody".../> in it.

I did not modify anything other than creating a new skin folder and applying the new skin to the site. Is there anything I need to change to get the editor to follow the new style?

Thanks.

5/29/2012 7:12:00 AM

Joe Audette

Total Posts 18439

View Posts

Re: CKEditor style and custom skin

Hi,

The thing to understand is that the editor is using an iframe that has a simple html wrapper and it has <body class="wysiwygeditor">

So the problem is if your style rules depend on some nested divs with css classes like <div class='modulecontent' etc, there are no such divs in the iframe so those styles are not applied.

You can add css specifically to style things as you like in the editor but you will need to use selectors that will work inside the iframe ie:

body.wysiwygeditor h3 {}
body.wysiwygeditor ul {}
etc

Hope that helps,

Joe

5/30/2012 2:42:46 AM

nadio

Total Posts 25

View Posts

Re: CKEditor style and custom skin

Hi Joe,

Where would I add those formats? Would it be inside style-artisteer-overrides.css?

5/30/2012 6:13:28 AM

Joe Audette

Total Posts 18439

View Posts

Re: CKEditor style and custom skin

yes, that would be a good place to put it.

You must sign in to post in the forums. This thread is closed to new posts.