Prosemirror 编辑器 DOMParser 问题

问：

我尝试使用 prosemirror 编辑器 DOMParser 解析以下 HTML 字符串

const initialValue = '<p><span style="font-size:36px;"><span style="color:#00ff22;"><span style="background-color:#77b9c9;">hhkjhk hkjhkjh hjkhkj</span></span></span></p>'
DOMParser.fromSchema(schema).parse(document.createRange().createContextualFragment(initialValue))

这是实际的初始 HTML

<p>
     <span style="font-size:36px;">
         <span style="background-color:#77b9c9;">
            <span style="color:#00ff22;">world !!!</span>
        </span>
    </span>
</p>

但我得到了

<p>
   <span style="color:#00ff22;">world !!!</span>
</p>

问题是一些 span 标签被删除了，即使它有样式标签

如何在不丢失一些 span 标签的情况下实现精确的 HTML？请帮我提供必要的架构