Div tags disappearing in my Wordpress Code View

Posted September 5, 2007

I was having this issue, and I finally took the time to figure out why and what to do about it today. I searched the support forums and this is the post that I found that solved all of my problems.

Tiny MCE as configured in WordPress 2.1 wipes away divs and replaces them with p tags.

This can be fixed by doing the following:

1-Open your TinyMCE config file in an editor. The file is located at:
wp-includes/js/tinymce/tiny_mce_config.php

2-Replace Line 25 with the following but on a single line:

$valid_elements = ‘#p[*],-div[*],-strong/-b[*],-em/-i[*],-font[*],-ul[*],-ol[*],-li[*],*[*]‘;

3-Save the file back to your active WordPress installation, overwriting the existing tiny_mce_config.php file.

4-In WordPress admin, the editor will now allow divs.

You may have to refresh your editor page.

As always, copy your original tiny_mce_config.php file to a safe place for backup before editing the original.

I had noticed that any div’s I put in the code view of Wordpress were converted to “p” tags. With this change I should be able to more easily add in my graphical movie reviews, the last major section of my blog left to transfer.