jquery - 使用Highlightjs动态更改语法

var d;

$("#ing").keyup(function(){

    d= $("#ing").val();

    $("#lipu").html(d);
});

这是我用来动态更改div中文本的代码：

hljs.initHighlightingOnLoad();

当代码在标签中硬编码时，这一行代码有助于突出显示语法，并且在页面加载时可以完美地工作。

当我在文本框内编写文本并将突出显示的文本显示在div中时，我想做完全相同的事情

我试图使用以下功能

hljs.initHighlighting.called = false;

hljs.initHighlighting();

但这没有用...

请帮助我，我知道有一个非常简单的解决方案，但是我无法在互联网上找到它。

最佳答案

根据文档：http://highlightjs.org/usage/该代码应该工作：

$("#ing").on("input", function(){ // Always prefer the 'input' event instead of keyup

    hljs.highlightBlock($("#lipu").html($(this).val()).get(0));

});

或（更清楚）

$("#ing").on("input", function(){ // Always prefer the 'input' event instead of keyup
    $("#lipu").html($(this).val());
    hljs.highlightBlock($("#lipu").get(0)); // highlightBlock expect a DOM element
});