Comment mettre en évidence les blocs de code nouvellement générés avec highlight.js - javascript -

Question

Comme l'éditeur de segmentfault. . . . .

Seul le bloc de code n'est pas mis en évidence, le contenu trouvé par Baidu

hljs.initHighlightingOnLoad();
Le rendu n'est-il pas exécuté pendant le chargement ? En d'autres termes, toute modification apportée au document après cela ne sera pas exécutée. Donc évidemment cela ne peut pas mettre en évidence le code du document récupéré depuis l'interface.

Notez que je parle de contenu nouvellement généré, la mise en évidence du code n'est pas valide, uniquement le pré-code, pas de classe. . .

Answer 1

Il existe plusieurs façons de surligner le code. hljs.initHighlightingOnLoad()Il lie simplement l'opération de surbrillance à l'événement de chargement du document.

hljs.initHighlightingOnLoad()Code :

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

Vous pouvez consulter la documentation officielle de HLJS :
https://highlightjs.org/usage/

Il y a un exemple de code dans la section Initialisation personnalisée :
Exemple 1 :

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

Exemple 2

hljs.configure({useBR: true});

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

Donc, si vous n'avez besoin de mettre en valeur qu'une seule zone, il suffit de

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

La configuration liée à la langue est configurée via .configure, les éléments de configuration peuvent faire référence à : http://highlightjs.readthedoc...