Javascript prettyPrint外部java文件

我真的很新來的Web開發，我有點迷失在這裏。Javascript prettyPrint外部java文件

我正在使用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>

來源

2014-10-01 aalbert3234

本地文件系統上的'$ .get'不會工作，你需要一個Web服務器設置 – tymeJV 2014-10-01 21:02:00

我環顧四周，發現它可以在Firefox瀏覽器。它確實顯示文件內容，但問題在於它沒有語法顏色。 – aalbert3234 2014-10-01 21:17:01

不是一個答案，而是'$（document）.ready（function（）'和'jQuery（function（$）{'幾乎意味着同樣的東西 – 2014-10-01 21:22:40

在看完這個問題的答案here後，我終於明白了問題所在。

所以，我將腳本更改爲這個，它工作得很好。在調用prettyPrint之前，我剛剛刪除了漂亮的類。

<script type="text/javascript"> 

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

</script>

來源

2014-10-02 18:10:54 aalbert3234

Javascript prettyPrint外部java文件

回答

相關問題