How to Resolve Common WordPress Annoyance With Line Breaks

9

WordPress 3 was greatly anticipated and indeed it does offer many new sophisticated features. However, when it comes to simpler things have gone a bit backwards…I’ve recently upgraded to the the 3d version with a lot of reluctance and scepticism but I was quite impressed experiencing no major problems.

Most Annoying Issues

There are a few very annoying glitches I wanted to find a way around them:

  • Added line breaks (by just by hitting enter or return) in visual mode are being removed. Why?
  • Added
    tags in HTML mode are being removed. Why?
  • The HTML that appears in HTML mode is not a sub-set of the actual HTML, Why?

I guess that a compromise had to be made so WordPress would be easier to use but in fact the aforementioned three annoying issues will definitely put many people off, whether amateurs using the visual mode or experts using the HTML mode.

You can make your working easy by relying on SY0-301 updated video lectures.
Pass4sure Cisco 640-722 CCNA Wireless online audio study guide for the 640-816 audio training online.
You can easily make all the things in your complete favor by trusting completely on 200-120 Study tools.
You can make your 200-120 video training experience a great one by using online Cisco CCNA Wireless 640-722 from Pass For Sure.
Computer based training and ccent from Pass4sure lab situations online are perfect for your preparation.

Other Common Problems

Some other problems or omissions of the default visual editor have not been resolved such as:

  • The ability to paste text from Word which is more likely what most content authors do.
  • The ability to paste as plain text, which is useful to many web developers.
  • The ability to clean up messy code such as that produced if you paste content from word straight in the visual editor.

The Solution

After fiddling around I installed a plugin which resolved ALL those issues. It’s not a new plugin but it has been updated and still does a great job. All you need to do is the following:

1. Install the TinyMCE Advanced Plugin

2. Go to Settings -> Tiny MCE Advanced

3. Locate the ‘Advanced’ box which is surrounded by a red border and check the option:

Stop Removing the <p>and <br/> tags when saving and show them in the HTML editor

4. Choose which extra functionalities you would like to add in the editor simply by dragging and dropping them in your current icon toolbar as the following screenshot demonstrates:

5. Click on the ‘Save Changes’ button.

6. Edit any of your posts or just add a new one. The new icons will appear in your editor’s toolbar as it can be seen below:

This articles is written exclusively for Orphicpixel by: Modi is an SEO and web design consultant promoting personalised gifts. He’s always looking for new ways to get the most out of the SERPS. You can connect with him on Twitter @macmodi

  • http://forgraphic.com byme

    this articles resolves many problem about line break.
    thanks for sharing bro
    byme

  • http://www.dezinews.com Criss

    good article …. thanx :) It is very usefull article

  • Ricky

    What about WordPress Blog (Not Self Hosted) ????

    Is there any solution…?

  • Ricky

    What about WordPress Blog (Not Self Hosted) ????

    Is there any solution……???

    • http://www.orphicpixel.com Mars

      I am not sure if this trick will do the same with the wordpress which is not self hosted

  • http://www.artists.me Art

    I’ve known about this for years. In fact, that’s the only reason I ever download the TinyMCE plugin… just to check that box to account for line breaks.

  • http://technologiesreview.com/ burman

    I like the article for not only identifying the problems but also presents with the solution

    Thanks macmodi

  • http://www.brettwidmann.com Brett Widmann

    Oh yes! This is just what I needed. Thanks for the help!

  • Pingback: How to Resolve Common WordPress Annoyance With Line Breaks | Design Treasure

 

© 2010 Orphicpixel. All rights reserved.
Proudly designed by Theme Junkie.