highlight.js讓程式碼高亮
阿新 • • 發佈:2018-11-15
highlight.js支援幾十種語言和幾十種css
下載highlight.js去,然後解壓出裡面的js和css。
demo需要:
1.引入css和1個js。以及<script>hljs.initHighlightingOnLoad();</script>
2.使用<pre><code>這倆標籤夾著程式碼內容。
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <link rel="stylesheet" href="styles/xcode.css"> <script src="highlight.pack.js"></script> <script>hljs.initHighlightingOnLoad();</script> </head> <body> <pre class="java"><code> package com.alisita.sqlite_demo; /** * Hello world! * */ public class App { public static void main(String[] args) { System.out.println("Hello"); } } </code></pre> </body> </html>
效果:
個人覺得prism.js更好