对动态生成的代码使用Prettify

Question

我使用Prettify进行语法突出显示，但它不适用于动态生成的代码。

我有一个表单，当提交时会生成代码并在<div id="output></div>中显示(无需刷新)，但prettify不能处理此代码，有什么解决方法吗？

非常感谢！

Answer 1

确保在加载新代码后重新调用Prettify。

您需要向“Submit”事件添加一个处理程序。我不知道您使用的是框架还是原始JS，所以我不能给出代码示例。

Answer 2

在http://www.codingthewheel.com/archives/syntax-highlighting-stackoverflow-google-prettify有一个很好的解决方案。

简而言之：

• 侦听事件:用户处于非活动状态达X秒(按键后)
• 运行Prettify函数在X秒之前用户开始键入

。

$(document).ready(function() {
  $('#mytextarea').keydown(function() {
    $(this).stopTime();
    $(this).oneTime(1000, function() { 
      /* launch the Prettify here */
    });
  });
});

从复制的代码