Bagaimana untuk menyerlahkan blok kod yang baru dijana dengan highlight.js - javascript -

Question

Seperti editor kesalahan segmen. . . . .

Hanya blok kod tidak diserlahkan, kandungan ditemui oleh Baidu

hljs.initHighlightingOnLoad();
Bukankah pemaparan dilaksanakan semasa onload Dalam erti kata lain, sebarang perubahan pada dokumen selepas itu tidak akan dilaksanakan. Jadi jelas ini tidak boleh menyerlahkan kod dokumen yang diambil dari antara muka.

Perhatikan bahawa saya bercakap tentang kandungan yang baru dijana, penyerlahan kod tidak sah, hanya pra kod, tiada kelas. . .

Answer 1

Terdapat lebih daripada satu cara untuk menyerlahkan kod hljs.initHighlightingOnLoad()Ia hanya mengikat operasi penyerlahan pada acara pemuatan dokumen.

hljs.initHighlightingOnLoad()Kod:

function h(){addEventListener("DOMContentLoaded",_,!1),addEventListener("load",_,!1)}

Anda boleh melihat dokumentasi rasmi HLJS:
https://highlightjs.org/usage/

Terdapat contoh kod dalam bahagian Permulaan Tersuai:
Contoh 1:

$(document).ready(function() {
    $('pre code').each(function(i, block) {
        hljs.highlightBlock(block);
    });
});

Contoh 2

hljs.configure({useBR: true});

$('p.code').each(function(i, block) {
    hljs.highlightBlock(block);
});

Jadi, jika anda hanya perlu menyerlahkan satu kawasan, hanya

hljs.configure({ ... });
hljs.highlightBlock($('....'));

Konfigurasi berkaitan bahasa dikonfigurasikan melalui .configure, item konfigurasi boleh merujuk kepada: http://highlightjs.readthedoc...