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

我设计了一个包含一些java源代码的网页。我已经把所有这些代码放在一块。它不错，但我想让它更美观。就像它的Java代码一样。这是我的页面代码。（你参考http://www.concretepage.com/freemarker/freemarker-templateloader-with-multitemplateloader-example）如何在运行时在html/jsp页面中美化源代码？

是否有任何在线图书馆或美化代码的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>

来源

2016-10-06 Gyanesh Prakash

试试这个，http://www.tutorialspoint.com/online_html_formatter.htm –