Adding headings to the Tinymce editor

Hi guys,

I have a few questions i'm wondering if you can help with, first up, in the wysiwyg content editor i noticed that there is no option for H4 in the "format" drop down.

1. Is there a way i can add more headings (h4, h5 etc)to the standard setup.
2. Can someone explain how to link a custom setup to the typography.css file so it adds my styles from that css file?
3.Is there a way to limit what a user can enter for a certain Block, i.e. the user may only enter a List or standard paragraph text, can this be done differently for multiple blocks.

Anyway think thats it, the forum has been great for getting help so thanks again!

View Replies: View Best Answer
Mnkras replied on at Permalink Reply
1. yes typography.css (load with getStylesheet())
2. take a look on TinyMCE's site
3. Most blocks have a div around them that has a id or class
richardacherki replied on at Permalink Best Answer Reply
Thanks for the info,

I've solved the issues now by adding the following code into the "Custom" window for the rich text editor

theme : "concrete", 
fix_table_elements : true, //Moves tables out of other block elements, like paragraphs. Splits containing element into two block elements.
extended_valid_elements : "div[class|id],table[class|id|summary],tr[class|id|valign],th[class|id|align|scope|abbr|colspan|rowspan],td[class|id|align|abbr|colspan|rowspan]",
plugins: "paste,searchreplace,inlinepopups,spellchecker,safari,advlink,table,layer",
editor_selector : "ccm-advanced-editor",
spellchecker_languages : "+English=en",   
theme_concrete_buttons1 : "pasteword,cut,copy,paste,|,undo,redo,|,search,replace,|,formatselect,styleselect,|,charmap,removeformat,cleanup,help,code,|,link,unlink",
theme_concrete_buttons2 : "bold,italic,|,justifyleft,justifycenter,justifyright,hr,|,bullist,numlist,blockquote,image,anchor,|,table,cell_props,delete_row,delete_col,col_after,col_before,row_after,row_before",
theme_concrete_blockformats : "p,h1,h2,h3,h4,blockquote",
theme_concrete_toolbar_align : "left",
style_formats: [
   {title:"Grey Main Text", selector:"p", classes:"grey"},   
   {title:"Red Text_bold", selector:"p", classes:"redbold"},
   {title:"Red Text", selector:"p", classes:"rednormal"},
   {title:"Yellow Text", selector:"p", classes:"yellow"},

One thing to note... for some reason copying code and pasting it into notepad then pasting it back into the custom window, can often break the code resulting in no options appearing the in the TinyMCE window. So try manually typing it in!