Skip to content

Instantly share code, notes, and snippets.

@mrik23

mrik23/SharePoint-Modern-Page-ClientSideText.html

Last active September 18, 2018 13:32
Show Gist options
  • Save mrik23/3b51ae35b3add37a8b7a1afcf7a0f43a to your computer and use it in GitHub Desktop.
Save mrik23/3b51ae35b3add37a8b7a1afcf7a0f43a to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. mrik23 revised this gist Sep 18, 2018. No changes.
  2. mrik23 revised this gist Sep 18, 2018. No changes.
  3. mrik23 created this gist Sep 18, 2018.
    62 changes: 62 additions & 0 deletions SharePoint-Modern-Page-ClientSideText.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,62 @@
    <p>Normal text<strong> Bold text</strong><em> italic text</em><u> Underline text </u><span class="fontSizeSmall">Font size 12 </span><a data-interception="off" href="https://www.google.com">Link</a></p>

    <p><span class="fontColorThemePrimary">Color theme primary</span><span class="fontColorRed"> Color pick red</span>&nbsp; <span class="highlightColorYellow">Highlight color yellow</span></p>

    <p style="text-align:center;">Centered text</p>

    <p style="text-align:right;">Left text</p>

    <p style="text-align:justify;">Justified text</p>

    <p style="margin-left:40px;">Indent text</p>

    <h2>Heading 1</h2>

    <h3>Heading 2</h3>

    <h4>Heading 3</h4>

    <ul>
    <li>bullet list</li>
    </ul>

    <ol>
    <li>number list</li>
    </ol>

    <blockquote>
    <p>Quote</p>
    </blockquote>

    <p>&nbsp;</p>

    <div class="canvasRteResponsiveTable">
    <div class="tableWrapper">
    <table class="bandedRowTableStyleTheme" title="Table">
    <tbody>
    <tr>
    <td>A</td>
    <td><strong>B</strong></td>
    <td><strong>C</strong></td>
    </tr>
    <tr>
    <td>1</td>
    <td>10</td>
    <td>OK</td>
    </tr>
    <tr>
    <td>
    <p>2</p>
    </td>
    <td>20</td>
    <td>OK</td>
    </tr>
    <tr>
    <td>3</td>
    <td>30</td>
    <td>OK</td>
    </tr>
    </tbody>
    </table>
    </div>
    </div>