I'd like to be able to use H1, H2....but the "format" picker is not available for the TinyMCE data type. Is there a way to enable it in the tinymceConfig file? Headings are pretty crucial, any help would be appreciated. Tried the search, but did not get anything.
Create a stylesheet and define those tags, then, go to 'Developer' section, expand the 'Data Ttypes' node, find the Rich text editor and click it. On the right side, you should be able to select your created stylesheet from the 'Related stylesheet' list. Once that's done, you should be able to select those tags from the dropdown
I took ages to figure out that you have to create your stylesheet, and then right-click on its name and create again for each individual style (don't just enter the CSS into the box for the CSS file) when you create each style you can specify the friendly name and the CSS selector (e.g. h1, h2, p.classname) for it to appaer in the editor.
Forgive me being dense, but could you elaborate on what you did to make the style show up in the editor?
You had to copy the file for each individual style?
I was able to go through Dirk's instructions and was able to successfully relate my stylesheet and things appear as expected when I edit HTML source, but none of my class names or HTML definitions are showing up in the styles dropdown.
Right-click on the stylesheet you added to Settings - Stylesheets, choose Create, giving it a name which you want to display, e.g. "Heading 6", hit the button "Create", and then set the Alias property to the actual style, e.g. "h6".
If you are using just for block elements , you can define it by h1 , h2 , h3 but if you want to add a class or id , remember to include "." or "#" before the name of your style.
How do I create heading tags on the rich text editor?
I'd like to be able to use H1, H2....but the "format" picker is not available for the TinyMCE data type. Is there a way to enable it in the tinymceConfig file? Headings are pretty crucial, any help would be appreciated. Tried the search, but did not get anything.
Here's the answer to my own question:
Added this to the tinyMCEConfig file -
Hi smercer,
Create a stylesheet and define those tags, then, go to 'Developer' section, expand the 'Data Ttypes' node, find the Rich text editor and click it. On the right side, you should be able to select your created stylesheet from the 'Related stylesheet' list. Once that's done, you should be able to select those tags from the dropdown
Hope this helps.
Regards,
/Dirk
I do the same as Dirk said
Hi
I took ages to figure out that you have to create your stylesheet, and then right-click on its name and create again for each individual style (don't just enter the CSS into the box for the CSS file) when you create each style you can specify the friendly name and the CSS selector (e.g. h1, h2, p.classname) for it to appaer in the editor.
Andy
Thanks Andy,
That wasn't clear to me neither. Your post saved me precious time.
Rudi
Andy (or Rudi),
Forgive me being dense, but could you elaborate on what you did to make the style show up in the editor?
You had to copy the file for each individual style?
I was able to go through Dirk's instructions and was able to successfully relate my stylesheet and things appear as expected when I edit HTML source, but none of my class names or HTML definitions are showing up in the styles dropdown.
Thanks!
Mike
Hi Mike,
Right-click on the stylesheet you added to Settings - Stylesheets, choose Create, giving it a name which you want to display, e.g. "Heading 6", hit the button "Create", and then set the Alias property to the actual style, e.g. "h6".
Hope that helps,
Rudi
If you are using just for block elements , you can define it by h1 , h2 , h3 but if you want to add a class or id , remember to include "." or "#" before the name of your style.
A ha! Thanks, Rudi. That did the trick!
is working on a reply...