Javascript Office.js使用内嵌CSS在ContentControl中格式化HTML

我插入了如下内容控件（ScriptLab示例）：

$（“#运行”）。单击（（）=>tryCatch（运行））；
var myHtml=‘Lorem ipsum door sit amet，Concertetur adipiscing elit，sed do eiusmod temporal incidedut ut labor and dolore magna aliqua。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一起，在一个无教区区的地方，他们在一起；
异步函数run（）{
等待Word.run（异步（上下文）=>{
var range=context.document.getSelection（）；
var cc=range.insertContentControl（）；
var ccRange=cc.insertHtml（myHtml，'Replace'）；
wait context.sync（）；
});
}
异步函数tryCatch（回调）{
试一试{
等待回调（）；
}
捕获（错误）{
OfficeHelpers.UI.notify（错误）；
OfficeHelpers.Utilities.log（错误）；
}
}

Word中预期的视觉输出如下：（带有悬挂缩进）。然而，内联css似乎被忽略了，虽然文本被正确地插入到内容控件中，但没有像链接示例中那样的挂起缩进

---

通过Office.js实现这种风格的正确方法是什么？甚至可能吗？

在传递给insertHtml（）的标记中存在一个已知的样式错误。通常可以通过在末尾包含另一个相同类型的元素来解决此问题。请尝试在标记的末尾添加

。

我的标记现在是：

->这就是我需要尝试的吗？如果是的话，不幸的是它没有成功。但是，我发现，如果我在填充和缩进旁边加入类似于
color:red
的样式规则，则颜色确实会呈现为红色（即使我省略了尾随的空
div
）。是否只有一些CSS规则会导致问题/被忽略？还有什么我可以尝试的吗？还有一件事你可以尝试：把文本放在标记中，把你的样式属性放在元素上。然后在那之后有一个空的
。如果这不起作用，我想你可以在下面的回购协议中将此作为一个问题报告：不幸的是，它没有帮助。我会把它作为回购协议的一个问题来报告，谢谢。
$("#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);
  }
}