Create a new snippet from a blank template.

Blank snippet (2).WORD.yaml

name: Blank snippet (2)
description: Create a new snippet from a blank template.
host: WORD
api_set: {}
script:
  content: >-
    $("#run").click(() => tryCatch(run));


    var myHtml = '<div style="padding-left:2em; text-indent:-2em;">Lorem ipsum
    dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
    nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur.</div>';


    async function run() {
      await Word.run(async (context) => {
        var range = context.document.getSelection();
        var cc = range.insertContentControl();
        var ccRange = cc.insertHtml(myHtml, 'Replace');
        await context.sync();
      });
    }


    async function tryCatch(callback) {
      try {
        await callback();
      }
      catch (error) {
        OfficeHelpers.UI.notify(error);
        OfficeHelpers.Utilities.log(error);
      }
    }
  language: typescript
template:
  content: |
    <button id="run" class="ms-Button">
        <span class="ms-Button-label">Run</span>
    </button>
  language: html
style:
  content: |-
    section.samples {
        margin-top: 20px;
    }

    section.samples .ms-Button, section.setup .ms-Button {
        display: block;
        margin-bottom: 5px;
        margin-left: 20px;
        min-width: 80px;
    }
  language: css
libraries: |
  https://appsforoffice.microsoft.com/lib/1/hosted/office.js
  @types/office-js

  office-ui-fabric-js@1.4.0/dist/css/fabric.min.css
  office-ui-fabric-js@1.4.0/dist/css/fabric.components.min.css

  core-js@2.4.1/client/core.min.js
  @types/core-js

  jquery@3.1.1
  @types/jquery@3.3.1