There is a “Lorem ipsum” generator built right into Emmet, which we enable on CodePen by default. So if you type lorem-Tab, you’ll get some.

Good to know: you can customize how much you get of it by adding numbers. lorem10 is just 10 words of filler text. lorem1000 is 1,000 words of filler text.

Lorem ipsum is just gibberish (it’s not really Latin!) and the point of it is putting placeholder text in place when it doesn’t really matter what it says, you’re just designing something. If it’s going to be real text at some point, it’s probably a good idea to get your hands on that real text, but alas, sometimes placeholder copy will do.

Someone asked me today if any of the “other” filler text generators could be used on CodePen. Others? There are lots of fun ones, actually. A few favorites of mine: Cupcake Ipsum, Bacon Ipsum, and Samuel L. Ipsum. Their favorite? Bob Ross Lipsum.

So can you make happy little filler text happen on CodePen? Sure, and you can make it happen yourself by using custom snippets. The trick is to head to your editor settings and add a brand new HTML snippet.

Added two Bob Ross snippets

To avoid any text weirdness, I’m wrapping the text in curly braces and escaping the quotes.

{Hello, World! It[backslash]'s a nice day out.}

And then, KAPOW, we got options.