Python教學：解決重疊位置問題的拆分方法

Question

我的目標是將重疊的位置分割以在HTML中使用。例如，我有這段文字：

一 二 三

我想要讓第二個和第三個字加粗，並讓前兩個字斜體。我們得到了這樣的結果：

[
  { "start": 4, "end": 13, "markup": "BOLD" },
  { "start": 0, "end": 7, "markup": "ITALIC" }
]

如果我們希望按位置應用HTML標記，我們得到了這樣的結果：

<bold>一 <em>二</bold> 三</em>

看到重疊了嗎？ 開標籤被閉標籤打斷了。應該是這樣的：

<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" }
]

P.S. 不要在應用標記後擔心原始位置發生變化。我寫了一個好的解決方案。

我嘗試實現一些解決方案，但對我來說似乎是一項艱鉅的任務。

Answer 1

您可以使用Javascript DomParser API自動修復HTML結構

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