I would like my tinymce editor to allow all html elements, including some nested view.
I read the docs on tinima: http://www.tinymce.com/wiki.php/Configuration:valid_elements
And also confirmed by this post in Stackoverflow: TinyMce Allow all HTML tags
I use valid_elements :"*[*]", in my tinymce parameters:
$('.page-tinymce-editor').tinymce({ theme: 'advanced', theme_advanced_buttons1: "fontsizeselect,bold,italic,justifyleft,justifycenter,justifyright,justifyfull,bullist,numlist,undo,redo,link,unlink,code,image,uploadimage,uploadattachment", theme_advanced_buttons2: "", theme_advanced_buttons3: "", theme_advanced_toolbar_location: "top", theme_advanced_toolbar_align: "left", width : "660px", height: "1200", body_id :"article", valid_elements :"*[*]", skin: "wp_theme", relative_urls: false, content_css: "http://" + location.host + "/assets/screen.css", plugins: 'uploadimage,uploadattachment' })
But in my html, the nest condition is still removed by tinima. I have a html part like:
<span class="text"> <p> Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum </p> </span>
which becomes the following:
<p> Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum </p>
Tinymce removes the span outside the p tag. Other span tags are ok. I studied the muds again and again, but did not understand how to fix it.
Is there any way to fix this?
thanks a lot