Question

I would like my tinymce editor to allow all the html elements, include some nested kind.

I read the documents at tinymce: http://www.tinymce.com/wiki.php/Configuration:valid_elements

And also confirmed by this post on Stackoverflow: TinyMce Allow all Html tag

I use valid_elements :"*[*]", in my tinymce options:

$('.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 there’s a nest condition in my html is still remove by tinymce. I have a piece of html like the following:

<span class="text">
<p> Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum  </p>
</span>

which becomes this :

<p> Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum  </p>

Tinymce removes the span outside the p tag. Other span tag are all fine. I studied the tinymce over and over, but didn’t come out any idea to fix this.

Is there way to fix it?

Thanks a lot

Answer 1

I think this could not be done on tinymce side. Here is the post talking about it at Tinymce forum: http://www.tinymce.com/forum/viewtopic.php?pid=98807#p98807