<p>我的目標是將重疊的位置分割以在HTML中使用。例如，我有這段文字：</p> <blockquote> <p>一 二 三</p> </blockquote> <p>我想要讓第二個和第三個字加粗，並讓前兩個字斜體。我們得到了這樣的結果：</p> <pre class="brush:php;toolbar:false;">[ { "start": 4, "end": 13, "markup": "BOLD" }, { "start": 0, "end": 7, "markup": "ITALIC" } ]</pre> <p>如果我們希望按位置應用HTML標記，我們得到了這樣的結果：</p> <pre class="brush:php;toolbar:false;"><bold>一 <em>二</bold> 三</em></pre> <p>看到重疊了嗎？ <code><em></code>開標籤被<code></bold></code>閉標籤打斷了。應該是這樣的：</p> <pre class="brush:php;toolbar:false;"><bold>一<em>二</em></bold><em> 三</em></bold><em> 三</em></ pre> <p>以及位置：</p> <pre class="brush:php;toolbar:false;">[ { "start": 4, "end": 7, "markup": "BOLD" }, { "start": 7, "end": 13, "markup": "BOLD" }, { "start": 0, "end": 7, "markup": "ITALIC" } ]</pre> <p>P.S. 不要在應用標記後擔心原始位置發生變化。我寫了一個好的解決方案。 </p> <p>我嘗試實現一些解決方案，但對我來說似乎是一項艱鉅的任務。 </p>

const res = (new DOMParser())
    .parseFromString(
        "One two three",
        "text/html"
    );
console.log(res.body.innerHTML)