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/，您可以在Google搜索中输入javascript library for syntax highlighting，从字面上找到您所需要的一切。

Answer 2

有一些类似于https://highlightjs.org的库这个只需要将代码放入<pre><code>标记并运行hljs.initHighlightingOnLoad();，这样看起来很容易使用。

如何在运行时美化html / jsp页面中的源代码？

2 个答案: