Div tags disappearing in my WordPress Code View

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.

Here are some similar arcade posts

• WordPress 2.3 Release Candidate 1 (RC1)
• How do I get rid of / disable the sidebar in WordPress? Templates, of course.
• Commenting not working
• Tutorial for setting up custom permalink structure in WordPress
• Searching for a WordPress plugin for HTML snippets

If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.