有什么聪明的方法/算法来查找 html 结构中的变化吗?(React.js microsoft 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

一个朴素的解决方案可能是使用目标"正文"来更新整个页面 - 基本上：

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

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