helpDialog.html

<div id='templates_modal' class='template modal'>
    <div class='modal-header'>
        <button type='button' class='close' data-dismiss='modal'><span aria-hidden='true'>&times;</span></button>
        <h1 class='dialog-title'>How to Use Lorem Ipsum</h1>
    </div>
    <div class='modal-body'>
        <p>For plaintext Lorem Ipsum, type <code>lorem</code> then press the <code>Ctrl-Shift-L</code> keyboard shortcut. The default keyboard shortcut is the same for all supported platforms.</p>

        <p>You can also add options to the <code>lorem</code> command with an underscore character followed by the option name. For example: <code>lorem_wrap40.</code> Multiple options can also be chained together. For example, typing <code>lorem_html_wrap40</code> and then pressing the <strong>Tab</strong> key will give you html formatted Lorem Ipsum text and a word wrap width of 40 characters. Using an unrecognized option will insert an error message into the document. Using more than one underscore character in a row (e.g. <code>lorem__html___p3</code>) will insert an error message into the document.</p>

        <p><strong>Note:</strong> Options to the far right of the chain always have the highest priority. If two options in the chain conflict with each other, the option on the right will have precedence. For example, the command <code>lorem_nowrap_wrap40</code> will insert Lorem Ipsum text with a word wrap width of 40 characters and the command <code>lorem_wrap40_nowrap</code> will insert Lorem Ipsum text with no word wrapping.</p>

        <h3>List of Current Options</h3>

        <p><strong>_p[count]:</strong> Inserts a certain number of random Lorem Ipsum paragraphs into the current document. The <code>count</code> option indicates how many paragraphs to insert. For example, <code>lorem_p3</code> will insert three paragraphs into the document. If the <code>count</code> option is not provided, one paragraph will be inserted. If the type of Lorem Ipsum text is not specified, the extension will generate paragraphs by default.</p>

        <p><strong>_s[count]:</strong> Inserts a certain number of random Lorem Ipsum sentences into the current document. The <code>count</code> option indicates how many sentences to insert. For example, <code>lorem_s3</code> will insert three sentences into the document. If the <code>count</code> option is not provided, one sentence will be inserted.</p>

        <p><strong>_w[count]:</strong> Inserts a certain number of random Lorem Ipsum words into the current document. The <code>count</code> option indicates how many words to insert. For example, <code>lorem_w40</code> will insert 40 random words into the document. If the <code>count</code> option is not provided, one word will be inserted.</p>

        <p><strong>_short:</strong> Makes all sentences or paragraphs short length.</p>

        <p><strong>_medium:</strong> Makes all sentences or paragraphs medium length. If no size options are provided, the extension will use <code>_medium</code> as the default option.</p>

        <p><strong>_long:</strong> Makes all sentences or paragraphs long length.</p>

        <p><strong>_vlong:</strong> Makes all sentences or paragraphs very long length.</p>

        <p><strong>_nowrap:</strong> Inserts Lorem Ipsum text without any word wrapping.</p>

        <p><strong>_wrap[width]:</strong> Word wraps Lorem Ipsum text using the specified <code>width</code> For example, <code>lorem_wrap40</code> will wrap the text at 40 characters. If a word wrap option is not provided, the extension will use <code>_wrap80</code> as the default option. If you want to turn word wrap off, use the <code>_nowrap</code> option. This option has no effect on the <code>_link</code>, <code>_ol</code>, or <code>_ul</code> options.</p>

        <p><strong>_link[count]:</strong> Inserts a certain number of random Lorem Ipsum HTML links into the current document. The HTML link will always point to <a href="http://www.brackets.io">http://www.brackets.io</a>. The <code>count</code> option indicates how many links to insert. For example, <code>lorem_link3</code> will insert three links, separated by page breaks, into the document. If the <code>count</code> option is not provided, one link will be inserted. To avoid badly formatted HTML, the <code>_link</code> option ignores any <code>_wrap</code> options and is always set to <code>_nowrap</code>.</p>

        <p><strong>_ol[count], _ul[count]:</strong> Inserts a random Lorem Ipsum HTML list into the current document. Use <code>_ol</code> for an ordered list and <code>_ul</code> for an unordered list. The <code>count</code> option indicates how many list items to insert. For example, <code>lorem_ol3</code> will insert an ordered list with three list items into the document. If the <code>count</code> option is not provided, a list with one item will be inserted. To avoid badly formatted HTML, both of these options ignore any <code>_wrap</code> options and are always set to <code>_nowrap</code>.</p>

        <p><strong>_orig[count]:</strong> This option will insert the original Lorem Ipsum paragraph into the current document. The <code>count</code> option indicates how many paragraphs to insert. For example, <code>lorem_orig3</code> will insert three original Lorem Ipsum paragraphs into the document. If the <code>count</code> option is not provided, one original Lorem Ipsum paragraph will be inserted. Only the <code>_nowrap</code>, <code>_wrap</code>, and <code>_html</code> options will work with this option.

        <p><strong>_fortune[count]:</strong> For when you get sick of nonsensical Latin phrases, this option will insert random fortunes (similar to the Unix fortune program) into the current document. The <code>count</code> option indicates how many fortunes to insert. For example, <code>lorem_fortune3</code> will insert three fortunes into the document. If the <code>count</code> option is not provided, one fortune will be inserted.</p>

        <p><strong>_html:</strong> Wraps Lorem Ipsum text in <code>&lt;p&gt;&lt;/p&gt;</code> tags so it displays correctly in HTML. For options <code>_p</code>, <code>_s</code>, and <code>_fortune</code> each individual paragraph, sentence, or fortune is wrapped. For options <code>_w</code> and <code>_link</code>, the entire collection of words or links is wrapped. This option is not available for lists since lists are not inline elements.</p>

        <p><strong>_?, _help:</strong> Displays help for the Lorem Ipsum extension. If this option is used, all other options will be ignored and no Lorem Ipsum text will be generated.</p>

        <p><strong>Note:</strong> Any option that has a number associated with it (e.g. <code>_p3</code>, <code>_wrap40</code>) can also be entered with the number portion in front of the option (i.e. <code>_3p</code>, <code>_40wrap</code>) and it will work the same way.</p>
    </div>