PHPからエコーされたテキストのHighlight.jsが機能しない

Question

PHPからのテキストをエコーし​​て、HTMLページのAJAX呼び出しでページに読み込まれています。 Highlight.jsがこのテキストを読んで、私の構文を強調してほしい。ただし、テキストは強調表示されません。これをHTMLページで直接行うと、

<pre> 
    <code id=resultDiv style="text-align:right;"> 
     <p> int main() </p> 
    </code> 
</pre> 

が動作します。 int main（）が強調表示されています。ただし、ページに私のPHPファイルから同じresultDiv へ

echo 
    "int main()"; 

あるいは

echo "<p> int main() </p>" 

が強調表示されません。

修正プログラムはありますか？なぜこれが起こるのですか？

Answer 1

あなたの質問を正しく理解していれば、Ajaxを使用してPHPページからコンテンツを読み込んでいます。

highlight.jsを使用すると、htmllightを実行し、 "load"イベントの後にすべてを強調表示しますが、このイベント後にAjaxコールが非同期に発生します。つまり、hightlight.jsがパスした後にコンテンツが読み込まれます。

highlight.jsは、パスを強調したコードをトリガーするhighlightBlock functionは、あなたのケースでは、それはあなたが持っているでしょう

hljs.highlightBlock(document.getElementById("resultDiv")); 

は、あなたのコンテンツがある後を置くために、次のコード行のようになります持っていますDOMに追加されました