運行時如何美化html / jsp頁面中的源代碼？

Question

我設計了一個包含一些Java源代碼的網頁。 我把所有這些代碼都放在了塊中。 它來的不錯，但我想使其更加美化。 好像它似乎是一個Java代碼。 這是我的頁面代碼。 （您可以從http://www.concretepage.com/freemarker/freemarker-templateloader-with-multitemplateloader-example進行參考）

有沒有可以美化代碼的JS在線庫或插件？

   <body>
 <div class="container">
<div class="col-xs-12 col-sm-9">
    <div class="row">
           <h2>Heading</h2>
        <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>

        <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
        <pre><code>
  import java.util.Scanner;

  public class CalTest {

  public static void main(String args[]) {
  int a, b;
 float c;
 System.out.println("Enter the First No: ");
 Scanner sc = new Scanner(System.in);
 a = sc.nextInt();
System.out.println("Enter the Second No: ");
b = sc.nextInt();
c = a + b;
 System.out.println("Total =" + c);
  }
   }

             </code></pre>


    </div>
</div>

Answer 1

嘗試使用https://highlightjs.org/ ，您可以通過鍵入javascript庫在Google搜索上突出顯示語法來從字面上找到所需的內容。

Answer 2

有一些庫，例如https://highlightjs.org，該庫只需要將您的代碼放入<pre><code>標記中並運行hljs.initHighlightingOnLoad(); 所以看起來很容易使用。

運行時如何美化html / jsp頁面中的源代碼？

問題描述

2 個解決方案

解決方案1
1 2016-10-06 06:03:34

解決方案2
1 2016-10-06 06:05:10

運行時如何美化html / jsp頁面中的源代碼？

問題描述

2 個解決方案

解決方案1 1 2016-10-06 06:03:34

解決方案2 1 2016-10-06 06:05:10

解決方案1
1 2016-10-06 06:03:34

解決方案2
1 2016-10-06 06:05:10