在动态生成的代码上使用 Pretify

Question

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

我有一个表单，提交后会生成代码并在

？

Answer 1

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

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

Answer 2

http://www.codingthewheel.com/archives/ 有一个很好的解决方案语法突出显示-stackoverflow-google-prettify。

简而言之：

• 监听一个事件：用户处于非活动状态 X 秒（按键后）
• 运行 Prettify 函数 prettyPrint()
• （如果用户在 X 秒之前开始输入，则不运行 Prettify）

。

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

从 http://www.codingthewheel.com/archives 复制的代码/syntax-highlighting-stackoverflow-google-prettify