0

ここのよくある質問で述べたように、私はgoogle-code-prettifyCDNを介して 使用しています が、これはコードを強調する機能です。今、私は問題を抱えています<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script> prettyPrint()

prettyPrint()この関数を呼び出すと、ページが読み込まれて構文が強調表示されると、定義されていない cdn が自動的にこの関数を呼び出しますが、読み込み後にコードの内容を変更すると、再度強調表示する必要があります。しかし、私はprettyPrint()機能でそれを行うことができません。

私は自己ホスト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>
4

1 に答える 1

0

を実行するprettyprint()と、変更する各要素に「prettyprinted」クラスが追加されます。を再度適用する必要がある場合はprettyprint()、最初に「prettyprinted」クラスを削除してから、 を呼び出しますprettyprint()。

于 2016-05-05T23:02:29.923 に答える