Bagaimana untuk melaksanakan kesan bersarang anotasi teks dalam editor quill?

Editor quill: bijak melaksanakan label teks bersarang

Apabila melakukan anotasi teks dalam editor Quill, adalah penting untuk mengendalikan kesan bersarang anotasi bertindih. Artikel ini menyediakan penyelesaian untuk menyelesaikan situasi dengan berkesan di mana indeks anotasi berganda bertindih.

Pertama, kami mengkaji semula keperluan umum dan coretan kod:

Contoh data:

 tindak balas const = {
    "Ralat Wordlist": [
        {
            "AlertMessage": "Adalah disyorkan untuk menggunakan" Jawatankuasa Tetap NPC/Ahli Jawatankuasa Tetap NPC/Ahli Jawatankuasa Tetap NPC (sila pilih mengikut situasi sebenar) \ "menggantikan" ahli jawatankuasa tetap NPC \ "",
            "Replemetext": "Jawatankuasa Tetap Kongres Kebangsaan/Ahli Jawatankuasa Tetap Kongres/Ahli Jawatankuasa Kongres Kebangsaan (sila pilih mengikut situasi sebenar)",
            // ... sifat lain
            "Mula": 9,
            "Akhir": 13,
            "Id": 1
        },
        {
            "AlertMessage": "Adalah disyorkan untuk menggunakan kata -kata piawai \" Jawatankuasa Tetap Kongres Rakyat Daerah \ "",
            "Replemetext": "Jawatankuasa Tetap Kongres Rakyat Wilayah",
            // ... sifat lain
            "Mula": 8,
            "Akhir": 13,
            "Id": 2
        }
    ],
    // ... sifat lain
};

Kaedah anotasi yang lebih baik:

Kaedah anotasi asal mempunyai kecacatan dan tidak dapat mengendalikan anotasi bersarang. Kita perlu mengoptimumkan algoritma untuk memastikan kawasan anotasi bertindih dikendalikan dengan betul.

Idea Teras:

1. Susun: Susun errorwordlist dalam urutan menaik mengikut indeks start .
2. Pemprosesan Iteratif: Keluarkan di atas array yang disusun dan proses setiap anotasi pula.
3. Offset: Untuk label yang tidak pertama, panjang label sebelumnya perlu dipertimbangkan dan permulaan start yang betul dikira.

Kod yang lebih baik:

 const sortedErrorList = response.errorwordList.sort ((a, b) => a.start - b.start);

sortedErrorList.Foreach ((item, indeks) => {
    biarkan panjang = item.end - item.start;
    jika (panjang> 0) {
        biarkan startOffset = item.start;
        jika (indeks> 0) {
            /
        }
        this.Editor.UpdateContents ([[
            {retain: startOffset},
            {retain: panjang, atribut: {klik: item}}
        ]);
    }
});

Melalui kaedah ini, kita dapat mengendalikan anotasi bertindih dengan berkesan untuk mencapai kesan bersarang yang betul. Ini mengelakkan kemungkinan label mengatasi atau masalah misalignment dalam kod asal. Keputusan anotasi yang diberikan akhir akan mencerminkan kedudukan permulaan dan akhir setiap anotasi dalam data, walaupun mereka bertindih.

Blot tersuai (pengoptimuman pilihan):

Untuk mengekalkan dan berskala yang lebih baik, anda boleh mempertimbangkan menggunakan blots tersuai untuk melaksanakan gaya label. Bahagian kod ini boleh diselaraskan dan dioptimumkan mengikut keperluan sebenar.

Melalui penambahbaikan di atas, editor Quill dapat mengendalikan anotasi teks bersarang dengan sempurna dan meningkatkan pengalaman pengguna.

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan kesan bersarang anotasi teks dalam editor quill?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!