有什么聪明的方法/算法可以找到 html 结构的变化吗？ (React.js 微软 OneNote api)

Question

我正在编写一个具有一些 OneNote 功能的 Web 应用程序。但是我遇到了一些问题。为了更新页面，OneNote API 需要以如下格式发送更改数组：

[
 {
   'target':'#div1',
   'action':'append',
   'position':'before',
   'content':'<img data-id="first-child" src="image-url-or-part-name" />'
},
{
   'target':'#div1',
   'action':'append',
   'content':'<p data-id="last-child">New paragraph appended to the div</p>'
}
]

https://msdn.microsoft.com/en-us/office/office365/howto/onenote-update-page

因此，如果使用文本编辑器，例如 react-rte（npm 库），我应该如何找到我的格式更改？我是否必须自己创建一些算法并比较开始和最终内容以找出发生了什么变化？

Answer 1

一个简单的解决方案可能是让您使用目标“body”更新整个页面 - 基本上：

https://msdn.microsoft.com/en-us/office/office365/howto/onenote-update-page

[
 {
   'target':'body',
   'action':'replace'
   'content':'...'
}
]