使用这一点,我插入2列表格与html.使用"Word.InsertLocation.end",这是在我的光标点击的位置插入html,在该位置插入html.
async function Insert2ColumnTable() {
try {
await Word.run(async (context) => {
const range = context.document.getSelection();
const contentControl = range.insertContentControl();
contentControl.tag = "my-custom-tag";
// Set the appearance of the content control to "Hidden"
contentControl.appearance = Word.ContentControlAppearance.hidden;
contentControl.insertHtml(
` <table style="width: 100%;border-collapse:collapse;border:none;">
<tbody>
<tr>
<td style="width: 50%;border-top: 1pt solid black;border-right: 1pt solid black;border-bottom: 1pt solid black;border-image: initial;border-left: 1pt solid black;padding: 0in 5.4pt;vertical-align: top;">
<p style='margin:0in;text-align:center;font-size:16px;font-family:"Calibri",sans-serif;color:black;font-weight:bold;'> </p>
</td>
<td style="width: 50%;border-top: 1pt solid black;border-right: 1pt solid black;border-bottom: 1pt solid black;border-image: initial;1pt solid black;padding: 0in 5.4pt;vertical-align: top;">
<p style='margin:0in;text-align:center;font-size:16px;font-family:"Calibri",sans-serif;color:black;font-weight:bold;'> </p>
</td>
</tr>
</tbody>
</table>
`,
Word.InsertLocation.end
);
await context.sync();
});
} catch (error) {
console.error(error);
}
};