How to remove unwanted tags from WordPress editor using TinyMCE?

Question

I am using WordPress editor TinyMCE. I have something like this:

<div class="TA_excellent" id="TA_excellent150"><ul>...</ul></div>
<script type="text/javascript" src="http://www.jscache.com/wejs?wtype=excellent&amp;uniq=150&amp;locationId=287500&amp;lang=en_AU">
</script>

When I skipped to visual editor "script" tags are removed from the content. So I tried every kind plugin including Ultimate TinyMCE but this time "script" tags are wrapped by "p" tags.

So output is something like this:

...</ul></div>
    <p>
    <script type="text/javascript" src="http://www.jscache.com/wejs?wtype=excellent&amp;uniq=150&amp;locationId=287500&amp;lang=en_AU">
    </script>
    <script src="http://www.tripadvisor.com.au/WidgetEmbed-excellent?uniq=150&amp;locationId=287500&amp;lang=en_AU"></script
    </p>

I also tried plugin called "Advanced TinyMCE Settings" it allows me to change the default TinyMCE configuration. My config under TinyMCE settings is like this:

  extended_valid_elements:  script[type|src],a[*]

I spent hours and hours on it just won't work. I can't get rid of this "p" tags. They keep continue to publish automatically.

Here are screenshots from Ultimate TinyMCE:

enter image description here

dazunE · Accepted Answer · 2014-09-16 05:38:51Z

2

Removing unwanted p and br tags (empty ) can be done by adding simple filter function to theme functions.php Here is the code you need to add.

function remove_additional_p($content){
  $content = forec_balance_tags($content);
  return preg_replace('#<p>\s*+(<br\s*/*>)?|s*</p>#i','',$content);
}


add_filter('the_content','remove_additional_p',20,1);

edited Sep 16, 2014 at 5:38

answered Sep 16, 2014 at 5:22

dazunE

3383 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Antonio Molina Over a year ago

This code works! TY

vahida9i · Accepted Answer · 2014-11-11 20:03:07Z

1

Use this code to remove  before editor initialize.

function tinymce_remove_root_block_tag( $init ) {
    $init['forced_root_block'] = false; 
    return $init;
}
add_filter( 'tiny_mce_before_init', 'tinymce_remove_root_block_tag' );

answered Nov 11, 2014 at 20:03

vahida9i

811 silver badge8 bronze badges

Comments

Moeed Farooqui · Accepted Answer · 2013-12-09 06:33:56Z

-1

It can be done without code.

Go to Settings > TINYMCE Advanced and check Stop removing the  and   tags when saving and show them in the HTML editor

enter image description here

Whereas it is bad practice to put scripts in your text area, well you can remove  tags by doing this:

$text=str_ireplace('<p>','',$post->post_conent);
$text=str_ireplace('</p>','',$post->post_conent);

edited Dec 9, 2013 at 6:33

answered Dec 9, 2013 at 6:17

Moeed Farooqui

3,6281 gold badge20 silver badges23 bronze badges

3 Comments

Johnny Over a year ago

Thank you for your answer. I installed TINYMCE Advanced and checked "Stop removing the and tags" option. Nothing changed. "script" tags are still being wrapped by "p" tags.

Johnny Over a year ago

should I put this in my function.php under my theme?

Johnny Over a year ago

Sorry didn't work either. I have only activcated TINYMCE Advanced plugin at the moment.

Collectives™ on Stack Overflow

How to remove unwanted <p> tags from WordPress editor using TinyMCE?

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related