Share via

Creating a "content" snippet

  • Article

I was working on a demo to present to a few people earlier today, and wanted to insert some Latin filler text into the page that I was mocking up in Expression Web. So as I usually do, I pulled up https://www.lipsum.com/ in my browser, entered the number of paragraphs I wanted, pressed their Generate Lorem Ipsum button, copied the text in the browser, and then pasted it into my page in Expression Web. Bleh...

Since I would be demoing those same steps in front of other people, I became very aware of how inefficient that all is and then it occurred to me that I could put the text into a Code Snippet instead. Seems obvious in hindsight, but maybe the feature's name "code snippets" kept me from associating it with inserting a snippet of "content"? Actually, this idea had occurred to me before but just not when I needed filler text. Anyhoo...here are the steps to create a snippet of content you can quickly insert into pages in Expression Web:

  1.  Do one of the following:

    • Choose Tools > Page Editor Options, and then in the Page Editor Options dialog box, click the Code Snippets tab.

    • With your cursor in the Code view of your page, press CTRL + ENTER, and then in the popup list that appears, if the Customize list... option is selected then press ENTER or double-click Customize list...

  2. In the Page Editor Options dialog box, on the Code Snippets tab, click Add.

  3. In the Add Code Snippet dialog box, do all of the following: 

    1. In the Keyword box, enter the characters you want to use to jump to this code snippet in the list of code snippets. (I entered lorem.)

    2. In the Description box, you guessed it, describe your code snippet. (I entered lorem ipsum Latin filler text.)

    3. In the last text box, enter as many paragraphs of Latin filler text as you'd like. I entered two paragraphs of text. (Each paragraph of text appears in a single line of text in this dialog box...odd, I know, but it works fine.) And because I typically want paragraph tags around each paragraph, I also put a <p> tag before each paragraph and a </p> tag after each paragraph.

    4. Click OK.

      Add Code Snippet dailog box

  4. And click OK again, this time in the Page Editor Options dialog box.

  5. Now whenever you want to use your snippet of filler content, just go to the Code view of your page, put your cursor where you want the content, press CTRL + ENTER, and then start typing the keyword that you assigned the code snippet in step 3-1 , and press ENTER as soon as the right snippet is selected.

    code snippets popup with custom code snippet in the list

Ta da! Infinitely easier...

Lorem ipsum filler text in Code View

Comments