Comment mettre en évidence les blocs de code nouvellement générés avec highlight.js - javascript -
怪我咯
怪我咯 2017-07-05 10:42:48
0
1
1014

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. . .

怪我咯
怪我咯

走同样的路,发现不同的人生

répondre à tous(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...

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!