WYSIWYG Styles are off

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.
2/26/2011 8:10:57 AM
Erik Bertrand
Gravatar
Total Posts 14
View Posts

WYSIWYG Styles are off

Hi All.  Not sure this is a skins problem per-se, but it may be related to how the wysiwyg reads the skin.

I have MojoPortal 2.3.5.4 running on an Arvixe Windows host.  It's working fine, but there's one strange issue.  On all sites (four so far), when I'm editing a webpage, and I choose one of the "Header" styles from the Styles dropdown, and then view source, what gets inserted into HTML is two higher than what I chose.  So if I choose "Header 1", the wysiwyg inserts an <h3> tag.

I'm using CKEditor.  And this is happening whether I use a custom template, or a built-in one such as styleshout-coolwater.  Ideas?

(BTW - I do realize I need to upgrade - I'll look at doing that to see if this is fixed in the newest release.)

Erik

 

2/26/2011 8:15:01 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: WYSIWYG Styles are off

Upgrading to the latest version should fix it.

Best,

Joe

2/26/2011 6:05:13 PM
Erik Bertrand
Gravatar
Total Posts 14
View Posts

Upgraded, but still same behavior

Hi Joe.  I upgraded to the latest (2.3.6.2) and verified in the Web.config that I'm using the latest CKEditor (3.5.1 - it was using 3.4.1 before the upgrade), but the behavior remains.  If I make a line an "Header 1", it is updated in HTML to be an <h3>.  Anything else I should check?

Erik

 

2/27/2011 5:41:38 PM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: WYSIWYG Styles are off

Hi Erik,

That is a separate issue, there was a bug where the editor css did not work, and that bug was fixed, but this one is a "feature" not a bug. Heading 1 is mapped on purpose to h3 when using CKeditor or FCKeditor (my recollection is that I was not able to easily do the same in TinyMCE).

The reason it was done that way is because most users don't understand about html headings and since we have site title as h1 and feature instance title as h2, the top level title that a user should use inside a feature instance is h3 in order to be structured correctly.

If you need to change this behavior there are ways to do it by configuration, or you can use TinyMCE editor.

Hope it helps,

Joe

2/27/2011 9:05:52 PM
Erik Bertrand
Gravatar
Total Posts 14
View Posts

Re: WYSIWYG Styles are off

Thanks for the clarification, Joe.  I understand the reasoning.  I'll try TinyMCE, but will probably stick with CK and let my users know they should just pick between H1 and H2 in the dropdown (they don't need to know what gets put in under the hood, true).

One more question regarding CSS and skins.  Is there a place I could go to get helpful info on making the admin interfaces render well within custom skins?  I have three sites with custom skins and I'm seeing pretty drastic results between the three (<li> tags being styled by the main site's CSS, indent weirdness, etc.).  I realize the admin has its own CSS, but I wonder if there are "best practices" in styling skins such that they minimally interfere, and the admin can be hosted within the skin gracefully and consistently.

Erik

 

2/28/2011 10:00:47 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: WYSIWYG Styles are off

It all comes from CSS so its always css to solve any style problem in any skin. I've seen lots of times where artisteer designs apply styles to lists and if I don't like them in specific places then I need to make more specific css selectors to select just the lists I want and change the style to override the styles added by the artisteer css. 

I will say that in the next release we will have a unique css class on the body element for each admin page and this will make it possible to override things more easily on specific pages.

Best,

Joe

 

2/28/2011 11:06:14 AM
Erik Bertrand
Gravatar
Total Posts 14
View Posts

Re: WYSIWYG Styles are off

This is great news, thanks Joe.  Being a web developer, I know CSS is the answer, but I was also hoping there might be a change in how the admin styles are structured, so it would be easier to segregate them.  As always, your efforts are so appreciated!  (another beer/coffee on the way!)

Erik

 

2/28/2011 11:39:38 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: WYSIWYG Styles are off

Hi Erik,

Many thanks for the generous beer supply! It is very appreciated.

Cheers,

Joe

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