Shared with Script Lab

Setting Example.yaml

name: Setting Example
description: ''
author: JuaneloJuanelo
host: WORD
api_set: {}
script:
    content: |
        $("#run").click(createSetting);
        $("#retreive").click(retrieveSetting);


        function createSetting() { 

            Office.context.document.settings.set("juanelo", "this is setting value");
            Office.context.document.settings.saveAsync();

            
        }

        function retrieveSetting() {
            console.log(Office.context.document.settings.get("juanelo"));


         }
    language: typescript
template:
    content: |-
        <button id="run" class="ms-Button">
            <span class="ms-Button-label">create setting</span>
        </button>
        <button id="retreive" class="ms-Button">
            <span class="ms-Button-label">get setting</span>
        </button>
    language: html
style:
    content: |
        /* Your style goes here */
    language: css
libraries: |
    # Office.js
    https://appsforoffice.microsoft.com/lib/1/hosted/office.js

    # CSS Libraries
    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

    # NPM libraries
    core-js@2.4.1/client/core.min.js
    @microsoft/office-js-helpers@0.7.4/dist/office.helpers.min.js
    jquery@3.1.1

    # IntelliSense: @types/library or node_modules paths or URL to d.ts files
    @types/office-js
    @types/core-js
    @microsoft/office-js-helpers@0.7.4/dist/office.helpers.d.ts
    @types/jquery