Python-Tutorial: Aufteilungsmethode zur Lösung überlappender Positionsprobleme

Question

Mein Ziel ist es, die überlappenden Positionen für die Verwendung in HTML aufzuteilen. Ich habe zum Beispiel diesen Text:

Eins, zwei, drei

Ich möchte, dass das zweite und dritte Wort fett und die ersten beiden Wörter kursiv geschrieben werden. Wir erhalten dieses Ergebnis:

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

Wenn wir HTML-Tags nach Position anwenden möchten, erhalten wir dieses Ergebnis:

<bold>Eins <em>Zwei</bold> Drei</em>

Sehen Sie die Überschneidung? das öffnende Tag wird durch das schließende Tag unterbrochen. Es sollte so aussehen:

<bold>eins<em>zwei</em></bold><em>drei</em></ pre>
<p>und Ort: </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. Machen Sie sich keine Sorgen, dass sich die ursprüngliche Position nach dem Anwenden des Markups ändert. Ich habe eine gute Lösung geschrieben.

Ich habe versucht, einige Lösungen umzusetzen, aber es scheint eine schwierige Aufgabe für mich zu sein.

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)