加载页面后,prettyPrint()函数不起作用

时间:2015-09-28 17:28:04

标签: javascript syntax-highlighting google-code-prettify

我正在使用google-code-prettify通过here <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>常见问题解答中提及的prettyPrint() prettyPrint()  是强调代码的功能。 现在我遇到了问题

prettyPrint()当我调用此函数时,它表示未定义 cdn在页面加载时自动调用此函数并突出显示语法但在加载后我正在更改代码内容然后我希望它再次突出显示。但我无法使用google-code-prettify函数。

我自我托管prettyPrint()然后我使用<!doctype html> <html> <head> <meta charset="utf-8"> <title>Developer Query</title> <link href="css/header.css" rel="stylesheet" type="text/css"> <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script> <style> /*This CSS applied button in which section user is visiting. */ ul#nav > li#btn2 { border-top: 3px solid #FF9900; border-left: 2px solid grey; border-right: 2px solid grey; border-bottom: 2px solid white; border-radius: 4px; } /*Button CSS is end. */ .content{ width:1136px; margin:0px auto; } input#question_title{ margin:20px auto; width:100%; height:20px; } textarea#question_content{ width:100%; height:300px; margin:0px auto; } #preview{ width:100%; overflow:auto; } </style> </head> <body> <?php include_once('php_include/header.php'); ?> <div class="content"> <input type="text" name="question_title" id="question_title" placeholder="What happed with your code?" /> <textarea id="question_content" name="question_content" placeholder="Elabrote your code" onKeyUp="render();"></textarea> <h3>Here's what it look like</h3> <code class="prettyprint"><div id="preview">&lt;html&gt;</div></code> </div> </body> <script> //HELPER FUNCTIONS//// function $(id){ return document.getElementById(id); } function render(){// var question_content = $("question_content").value; //Sanitizing data// var entitles = {//List of all Html entitiles '<':"&lt;", '>':"&gt;", '\n':"<br>", } question_content = question_content.replace(/<|>|\n/gi, function (html_ent){return entitles[html_ent];}); var preview = $("preview"); preview.innerHTML = question_content; //prettyPrint(); } </script> </html> 并且它工作正常但是当我在更改我的代码后调用此函数时没有任何反应它没有突出我的语法

  

这是我正在使用的代码

library(imputeMulti)

1 个答案:

答案 0 :(得分:0)

运行--incremental时,会将“prettyprinted”类添加到它更改的每个元素中。如果您需要重新申请prettyprint(),请先删除“prettyprinted”课程,然后拨打prettyprint()