如何阻止MS Graph在OneNote操作中把<br />标签包裹进<p>？

有效方案1：用<div>包裹独立<br> #

提交HTML内容时，把独立的<br>放在<div>容器里，同时保持段落的margin样式，示例代码：

<p style="margin-top:0pt;margin-bottom:0pt">
  First para
</p>
<div><br /></div>
<p style="margin-top:0pt;margin-bottom:0pt">
  Second para
</p>

这样Graph API不会把<br>自动包装进<p>标签，最终在OneNote里的显示效果和手动添加换行完全一致，后续编辑也不会出现复选框归到前一段落的问题。

有效方案2：用空段落模拟换行 #

如果不想用<div>，可以创建一个带0边距的空段落来替代独立<br>，示例：

<p style="margin-top:0pt;margin-bottom:0pt">
  First para
</p>
<p style="margin-top:0pt;margin-bottom:0pt">&nbsp;</p>
<p style="margin-top:0pt;margin-bottom:0pt">
  Second para
</p>

这个方法同样能实现和手动换行一致的视觉效果，且编辑时不会出现异常。

为什么之前的方法失效？ #

OneNote Graph API的HTML解析器会自动规整内容结构，独立的<br>不符合它的默认文档结构规则，所以会被强制包裹进<p>标签里，导致出现多余换行。而<div>作为块级容器，能让解析器识别这是一个独立的换行单元，从而保留<br>的独立性。

关键注意点 #

• 必须用HTML格式提交内容，并且给所有<p>标签设置margin-top:0pt;margin-bottom:0pt，避免Graph自动添加默认行间距，保证和OneNote应用内编辑的格式一致。
• 不要把<br>放在段落内部，否则后续在OneNote里编辑（比如在空行加复选框）时，会出现元素归属错误的问题。

内容的提问来源于stack exchange，提问作者Freewalker