this is a tutorial on how to apply styles in 'edit content' of a page
Posted: Thu Dec 13, 2007 1:46 pm
How to get your custom styles into the styles dropdown menu:
(as of CMS version 1.2.2)
- create the style in one of the CMSMS stylesheets.
the id # syntax won't work. You'll have to use the class . syntax, or else the styles won't show up in tinyMCE
- make sure that on 'media type', ONLY 'screen' is ticked.
- attach this stylesheet to the default template, if not already done.
The styles should now pop up in the page editor task bar drop down menu.
Edit:
I since learned that the buggy behaviour described below is due to the Mac Safari browser, including version 3.
See also here:
http://wiki.moxiecode.com/index.php/Tin ... ins/safari
and here: http://tinymce.moxiecode.com/punbb/view ... hp?id=9416
How to apply a style to some text.
If you simply start to type, select a word and want to apply a style, it doesn't work. Very unintuitive.
The editor will only apply a style, if the text is already wrapped in a paragraph tag or div tag.
So type your text and select a 'div' or 'paragraph' from the format menu.
Or create a div or paragraph tag first by selecting it from the format menu, and then type.
Then DON'T doubleclick the text, or else it won't work. Just place your cursor somewhere inside the text, and then select a style.
There you go.
To make it easier for the users, you might consider adding some text which is formatted in the most common styles into Site Admin/Page defaults/ contents.
Or add a div or paragraph tag there.
Has anybody found an easier way?
cheers
anderwelten
(as of CMS version 1.2.2)
- create the style in one of the CMSMS stylesheets.
the id # syntax won't work. You'll have to use the class . syntax, or else the styles won't show up in tinyMCE
- make sure that on 'media type', ONLY 'screen' is ticked.
- attach this stylesheet to the default template, if not already done.
The styles should now pop up in the page editor task bar drop down menu.
Edit:
I since learned that the buggy behaviour described below is due to the Mac Safari browser, including version 3.
See also here:
http://wiki.moxiecode.com/index.php/Tin ... ins/safari
and here: http://tinymce.moxiecode.com/punbb/view ... hp?id=9416
How to apply a style to some text.
If you simply start to type, select a word and want to apply a style, it doesn't work. Very unintuitive.
The editor will only apply a style, if the text is already wrapped in a paragraph tag or div tag.
So type your text and select a 'div' or 'paragraph' from the format menu.
Or create a div or paragraph tag first by selecting it from the format menu, and then type.
Then DON'T doubleclick the text, or else it won't work. Just place your cursor somewhere inside the text, and then select a style.
There you go.
To make it easier for the users, you might consider adding some text which is formatted in the most common styles into Site Admin/Page defaults/ contents.
Or add a div or paragraph tag there.
Has anybody found an easier way?
cheers
anderwelten