Skip to content

Instantly share code, notes, and snippets.

@mrowell
Last active February 15, 2020 03:51
Show Gist options
  • Save mrowell/22ac9e9a7b74dcc85f121e76c5e4ea32 to your computer and use it in GitHub Desktop.
Save mrowell/22ac9e9a7b74dcc85f121e76c5e4ea32 to your computer and use it in GitHub Desktop.
Create a new snippet from a blank template.
name: Word Character and Paragraph Style Test
description: Create a new snippet from a blank template.
host: WORD
api_set: {}
script:
content: |
$("#placeText").click(() => tryCatch(placeText));
$("#applyCharacterStyle").click(() => tryCatch(applyCharacterStyle));
$("#applyParagraphStyle").click(() => tryCatch(applyParagraphStyle));
async function placeText() {
await Word.run(async (context) => {
var blankParagraph = context.document.body.paragraphs.getLast().insertParagraph("This is the example text. Please select the quote: 'This is a quote'. Now use the Apply Character style button to apply a character style. ", "After");
await context.sync();
});
}
async function applyCharacterStyle() {
await Word.run(async (context) => {
const body = context.document.body;
var doc = context.document;
var originalRange = doc.getSelection();
originalRange.load("style");
return context
.sync()
.then(function() {
originalRange.style = "Quote Char";
})
.then(context.sync);
await context.sync();
});
}
async function applyParagraphStyle() {
await Word.run(async (context) => {
const body = context.document.body;
var doc = context.document;
var originalRange = doc.getSelection();
originalRange.load("style");
return context
.sync()
.then(function() {
originalRange.style = "Normal Indent";
})
.then(context.sync);
await context.sync();
});
}
/** Default helper for invoking an action and handling errors. */
async function tryCatch(callback) {
try {
await callback();
} catch (error) {
// Note: In a production add-in, you'd want to notify the user through your add-in's UI.
console.error(error);
}
}
language: typescript
template:
content: |-
<button id="placeText" class="ms-Button">
<span class="ms-Button-label">Place placeText</span>
</button>
<button id="applyCharacterStyle" class="ms-Button">
<span class="ms-Button-label">Apply Character Style</span>
</button>
<button id="applyParagraphStyle" class="ms-Button">
<span class="ms-Button-label">Apply Paragraph Style</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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment