Adding headings to the Tinymce editor
Permalink
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!
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!
Thanks for the info,
I've solved the issues now by adding the following code into the "Custom" window for the rich text editor
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!
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"},
Viewing 15 lines of 33 lines. View entire code block.
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!
2. take a look on TinyMCE's site
3. Most blocks have a div around them that has a id or class