Question

我正在插入这样的内容控件（ScriptLab示例）：

$("#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);
  }
}

并且Word中预期的视觉输出是：http://cssdeck.com/labs/ocplq2la（带有悬挂缩进）。但是，内联css似乎被忽略，而文本正确插入到内容控件中时，没有像链接示例中那样的悬挂缩进。

通过Office.js实现此类样式的正确方法是什么？它甚至可能吗？

Answer 1

标记中的样式存在一个已知错误，该错误传递给insertHtml（）。您通常可以通过在末尾包含相同类型的另一个元素来解决它。请在标记结束时尝试添加<div></div>。

Office.js使用内联CSS格式化ContentControl中的HTML

1 个答案: