Need Lorem Ipsum? Inside HTML?

Avatar of Chris Coyier
Chris Coyier on (Updated on )

Emmet is great for that. With it installed in the code editor you are using, you can type “lorem” and then tab and it will expand into a paragraph of Lorem Ipsum placeholder text. But it can do more! You can control how much you get, place it within HTML structure as it expands, and get different bits of it in repeated elements.

Put lorem ipsum in a paragraph

A list of lorem ipsum

Modules with fake content

A complete document

Psst! Create a DigitalOcean account and get $200 in free credit for cloud-based hosting and services.

Comments

  1. Jim
    Permalink to comment#

    Emmet is an awesome tool. The lorem generator is nice but it’s code completing functionality makes it indispensable. Once you learn the syntax you can code a whole wireframe with just a few keystrokes.
    http://docs.emmet.io/cheat-sheet/

    • Alex McCabe
      Permalink to comment#

      It really is. It takes a fair amount of time to learn the syntax, but once done it’s completely indispensable. Emmet for CSS its fantastic too, works in much the same way.

      .class-name {
    ml-a+mr-a
}

      Compiles into

      .class-name {
    margin-left: auto;
    margin-right: auto;
}
  2. Michelle
    Permalink to comment#

    Dreamweaver CC 2017 includes Emmett auto-complete now as well. Dreamweaver is starting to catch up as a real IDE with code completion and css prepossessors built in.

This comment thread is closed. If you have important information to share, please contact us.