Question

我是网络开发的新手，我在这里迷失了。

我正在使用Bootstrap，我正在尝试在网页上的本地计算机上显示java代码（在名为test.java的文件中）。显示该文件，但不会使语法着色。请帮忙！

我在标题中：

美化：

<link rel="stylesheet" type="text/css" href="../localfile/prettify.css"/>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script src="../localfile/prettify.js"></script>

和jQuery：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

这是剧本

<script type="text/javascript">
 $(document).ready(function() {
     jQuery(function($) {
         $.get('test.java', function(data) {
             $('#sourceCodeDestination').html(data);
             prettyPrint();
         }, "text");
     });
 });
</script>

这就是div：

<div class="panel-body" >
       <pre id="sourceCodeDestination" class="prettyprint linenums lang-java">
        </pre>
</div>

Answer 1

在阅读了这个问题的答案here后，我终于弄明白了问题是什么。

所以，我把脚本改成了这个，它运行得很好。我在调用prettyPrint之前删除了漂亮的类。

    <script type="text/javascript">

      jQuery(function ($) {  $.get('test.java', function(data) {
      $('#sourceCodeDestination').html(data);
      $('#sourceCodeDestination').removeClass("prettyprinted");
        prettyPrint();  
    }, "text");
 });

</script>

Javascript prettyPrint一个外部java文件

1 个答案: