HTML5 and TinyMCE - Anyone figured out how to add new tags yet?
Permalink
Hi,
This is my first post. I just started working with Concrete5. So far everything is pretty easy. I have started porting my HTML5 theme to a Concrete5 theme. The problem though is that when I add HTML5 tags in the HTML view of TinyMCE they are removed and also there are extra <p> tags added. For example I can add <section> or <aside> tags without them being removed on save.
For example I tried to paste this code:
and it returns this code with the section tags replaced with empty p tags
Can anyone help me?
Thanks in advance,
Justin
This is my first post. I just started working with Concrete5. So far everything is pretty easy. I have started porting my HTML5 theme to a Concrete5 theme. The problem though is that when I add HTML5 tags in the HTML view of TinyMCE they are removed and also there are extra <p> tags added. For example I can add <section> or <aside> tags without them being removed on save.
For example I tried to paste this code:
<!-- START GRID COLUMN--> <section class="c-3-12"> <!-- START .about-us widget--> <div class="g widget "> <h3 class="title ">Links list</h3> <ul class="list no-link-color"> <li><a href="#">List item</a></li> <li><a href="#">Lorem ipsum</a></li> <li><a href="#">Vivamus condimentum</a></li> <li><a href="#">Mauris diam</a></li> </ul> </div> <!-- END/ .about-us widget--> </section> <!-- END/ GRID COLUMN-->
and it returns this code with the section tags replaced with empty p tags
<!-- START GRID COLUMN--> <p> </p> <!-- START .about-us widget--> <div class="g widget "> <h3 class="title ">Links list</h3> <ul class="list no-link-color"> <li><a href="#">List item</a></li> <li><a href="#">Lorem ipsum</a></li> <li><a href="#">Vivamus condimentum</a></li> <li><a href="#">Mauris diam</a></li> </ul> </div> <!-- END/ .about-us widget--> <p> </p> <!-- END/ GRID COLUMN-->
Can anyone help me?
Thanks in advance,
Justin
Thank you. I tried to choose custom mode in the "Rich Text Editor" but then I loose all of the other toolbars. The "Simple" mode is all I need is there any way to extend that tinyMCE theme?
I tried to copy the content block to the /siteroot/blocks/content folder and update the editor_config.php like this post saidhttp://www.concrete5.org/documentation/how-tos/developers/extend-th... Maybe I am being dense but that didn't seem to do anything at all.
Can you tell me how to extend the simple theme to paste in this code so I won't loose changes on upgrades?
Thanks!
Justin
I tried to copy the content block to the /siteroot/blocks/content folder and update the editor_config.php like this post saidhttp://www.concrete5.org/documentation/how-tos/developers/extend-th... Maybe I am being dense but that didn't seem to do anything at all.
Can you tell me how to extend the simple theme to paste in this code so I won't loose changes on upgrades?
Thanks!
Justin
Disregard, the earlier message, I was able to get the custom to show the toolbars like the simple theme.
However I see a different problem. It looks like my default installation of Concrete5 5.5 ships with tinyMCE version 3.4.6, but the schema option doesn't appear in tinyMCE until 3.5b1http://www.tinymce.com/develop/changelog/?ctrl=version&act=view...
To get this to work, I just downloaded the latest version of tinyMCE 3.5b3 and pasted it over the files in /concrete/js/tiny_mce. I also had to flush my browser cache to get it to start working.
Thanks for the help.
However I see a different problem. It looks like my default installation of Concrete5 5.5 ships with tinyMCE version 3.4.6, but the schema option doesn't appear in tinyMCE until 3.5b1http://www.tinymce.com/develop/changelog/?ctrl=version&act=view...
To get this to work, I just downloaded the latest version of tinyMCE 3.5b3 and pasted it over the files in /concrete/js/tiny_mce. I also had to flush my browser cache to get it to start working.
Thanks for the help.
You should make mnkras answer as best answer so that other people get help from that.
Rony
Rony
Thanks for this. However, when I paste the code for HTML5 tags into the custom field I loose all the other toolbars within the editor.
Anyone know why this could be?
Leigh
Anyone know why this could be?
Leigh
To disable the <p> tags take a look at this:
http://www.tinymce.com/wiki.php/Configuration:force_br_newlines...
For the html5 Tags use this config
Hope this helps
Mike