语法高亮 开发语言HTML中语法高亮

语法高亮 开发语言HTML中语法高亮,支持多种语言,现在发现有两个比较好用的,highlight.js 还有一个是谷歌的 prettify 。

highlight.js 官网:https://highlightjs.org/

Git地址:https://github.com/googlearchive/code-prettify

CDN地址:https://www.bootcdn.cn/prettify/

使用注意:

1、google的 prettify需要jquery的支持

2、highlightjs可以在其官网上下载指定的语言js文件,

google的 prettify 使用示例

<html>
    <head>
        <title>代码高亮GOOGLE版本</title>
        <script src="jquery-3.4.1.min.js"></script>
        <link href="prettify/prettify.css" rel="stylesheet" />
        <script src="prettify/prettify.js"></script>
        
    </head>
    <body>
        <pre class="linenums lang-cpp">
            public static void main(string [] args){
                int a = 10;
                int b = 10;
                int c = a * b;
            }   
        </pre>
        <script>
        (function() {
            $("pre").addClass("prettyprint");
            prettyPrint();
        })();
        </script>
    </body>
</html>

highlight.js 使用示例

<html>
    <head>
        <title>highlight版本</title>
        <link rel="stylesheet" href="highlight/styles/default.css">
        <script src="highlight/highlight.min.js"></script>
    </head>
    <body>
        <p>官网 https://highlightjs.org/</p>
        <pre><code class="language-csharp"> 
            public class Person(){
                int a=100;
                public Person(int age){
                    string gender="male";
                }
            }
        </code></pre>
        <script>hljs.highlightAll();</script>
    </body>
</html>
批量修改文件名 2024年最新版 完全免费
批量修改文件名称、文件夹名称

方便快捷,支持正则表达式、无需安装功能齐全、支持定制无广告、无插件,放心使用。

免费下载 百度网盘
本站中所有的计算器的计算结果仅供参考,本站对此结果的准确性不承担任何责任,实际数额以银行/保险公司/国家相关机构确认的结果为准。
在线客服QQ:543690914,备案号: 苏ICP备15037649号-33。东海县白塔埠镇佳诚电脑经营部版权所有。