Tutorial Python: Kaedah pemisahan untuk menyelesaikan masalah kedudukan bertindih

Question

Matlamat saya ialah untuk membahagikan kedudukan bertindih untuk digunakan dalam HTML. Sebagai contoh, saya mempunyai teks ini:

Satu Dua Tiga

Saya mahu perkataan kedua dan ketiga dicetak tebal, dan dua perkataan pertama dicetak condong. Kami mendapat keputusan ini:

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

Jika kami ingin menggunakan teg HTML mengikut kedudukan, kami mendapat hasil ini:

<bold>Satu <em>Dua</bold> Tiga</em>

Nampak pertindihan? teg pembukaan terganggu oleh teg teg penutup. Ia sepatutnya kelihatan seperti ini:

<bold>one<em>two</em></bold><em>tiga</em></ pra>
<p>dan lokasi: </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. Jangan bimbang tentang kedudukan asal berubah selepas menggunakan markup. Saya menulis penyelesaian yang baik.

Saya cuba melaksanakan beberapa penyelesaian tetapi nampaknya ia satu tugas yang sukar untuk saya.

Answer 1

Anda boleh membetulkan struktur HTML secara automatik menggunakan Javascript DomParser API

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