How To Add Line Breaks or New Paragraphs In TinyMCE, WordPress and WebYep
June 30th, 2008

I’ve had a few clients ask me this question, so I’m posting the answer here - because it wasn’t super easy to find on the internet. When you get to the end of a line and hit “return” on your keyboard - what do you want to happen? Sometimes you want a new paragraph. Sometimes you might just want a line break. This short tutorial shows you how to accomplish this. It works for WebYep and WordPress…and probably for many other text editors that might use TinyMCE or FCKEditor or others.
In HTML, there are paragraph tags: <p>I’m a paragraph</p> and there are line breaks <br />.
Paragraph tags make things look like this:
Paragraph 1
Paragraph 2
There’s a line of space between paragraphs.
But line breaks look like this:
Line break 1
Line break 2
There is no line of space.
How do you get what you want when you’re using WebYep or WordPress or some other application that uses a WYSIWYG text editor?
The answer is easy: If you want a new paragraph, simply hit “return“. If you don’t want a new paragraph and just want a line break, hit “shift return“.
Now, when I was researching this solution, I did find many folks who said you could accomplish this by changing a few lines of code in the TinyMCE initiation file. And this did work…but only on Internet Explorer. It didn’t work on Firefox. So I think the simple “shift return” solution is the best one for my clients to use.
Jill--------------
J. Olkoski
Aldebaran Web Design, Seattle
Jill Olkoski has a BS in Engineering, a BS in Computer Science and a MA in Clinical Psychology. She delights in using her advanced technical, psychological and interpersonal skills to help small business owners develop cost-effective and successful websites.





