highlight 代码高亮

﹏ヽ暗。殇╰゛Y 2023-10-09 12:05 53阅读 0赞

*  `hljs.initHighlightingOnLoad();` //高亮全部
 *  `hljs.highlightBlock(document.getElementById("viewSqlModalSql"));` //改变HTML之后手动改变

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <script src="https://cdn.bootcss.com/highlight.js/9.15.10/highlight.min.js"></script>
        <script src="https://cdn.bootcss.com/highlight.js/9.15.10/languages/sql.min.js"></script>
        <link href="https://cdn.bootcss.com/highlight.js/9.15.10/styles/atom-one-dark.min.css" rel="stylesheet">
        <script> hljs.initHighlightingOnLoad(); //高亮全部 hljs.highlightBlock(document.getElementById("viewSqlModalSql")); //改变HTML之后手动改变 </script>
    <body>
    <pre><code id="viewSqlModalSql" class="hljs sql">
    CREATE TABLE "topic" (
        "id" serial NOT NULL PRIMARY KEY,
        "forum_id" integer NOT NULL,
        "subject" varchar(255) NOT NULL
    );
    ALTER TABLE "topic"
    ADD CONSTRAINT forum_id FOREIGN KEY ("forum_id")
    REFERENCES "forum" ("id");
    
    -- Initials
    insert into "topic" ("forum_id", "subject")
    values (2, 'D''artagnian');
    </code></pre>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，53人围观）

还没有评论，来说两句吧...

相关阅读

相关使用highlight.js和marked.js格式代码和高亮代码

使用highlight.js和marked.js格式代码和高亮代码 highlight.js是什么？ highlight.js 是一个语法高亮的 JavaScrip

港控/mmm°/ 2023年10月14日 18:39/ 0 赞/ 23 阅读

相关 highlight 代码高亮

`hljs.initHighlightingOnLoad();` //高亮全部 `hljs.highlightBlock(document.getElementBy

﹏ヽ暗。殇╰゛Y/ 2023年10月09日 12:05/ 0 赞/ 54 阅读

相关 elasticsearch highlight高亮查询

高亮查询highlight 预制数据 PUT zhifou/doc/4 { "name":"石头", "age":29,

刺骨的言语ヽ痛彻心扉/ 2022年11月19日 01:18/ 0 赞/ 213 阅读

相关如何设置SOLR的高亮 (highlight)？

打开SOLR的核心配置文件： solrconfig.xml 找到 standard request handler 写入以下XML配置代码：

悠悠/ 2022年08月19日 04:54/ 0 赞/ 192 阅读

相关 JavaScript语法高亮库highlight.js使用

highlight.js是一款基于JavaScript的语法高亮库，目前支持125种编程语言，有63种可供选择的样式，而且能够做到语言自动识别，和目前主流的JS框架都能兼容，可

左手的ㄟ右手/ 2022年08月05日 02:38/ 0 赞/ 206 阅读

相关 vue 中 wangeditor3 使用highlight 代码高亮【最新解读】

目的：vue 中 wangeditor3 使用highlight 代码高亮很遗憾，在我花了2个时间研究这个问题之后得出的结论是，无法完成。 ![watermark_t

分手后的思念是犯贱/ 2022年04月14日 04:59/ 0 赞/ 885 阅读

相关 vue 中使用 marked + highlight.js 代码高亮

markdown 代码高亮需要依赖 `npm install marked --save` `npm install highlight.js --sav

秒速五厘米/ 2022年03月01日 14:10/ 0 赞/ 1170 阅读

相关【blog】使用highlight.js高亮你的代码

> 我的代码  <link rel="stylesheet" type="text/css" href="/web/lib/high

梦里梦外;/ 2021年09月30日 11:38/ 0 赞/ 336 阅读

相关 jquery highlight高亮插件使用

jquery highlight官网：[https://bartaz.github.io/sandbox.js/jquery.highlight.html][https_bar

àì夳堔傛蜴生んèń/ 2021年06月22日 15:36/ 0 赞/ 540 阅读

相关使用highlight.js实现代码高亮

1.访问highlight.js官网，勾选你需要的语言，然后点击`download`按钮开始下载highlight.js插件。下载地址：https://highlight

左手的ㄟ右手/ 2021年06月10日 20:37/ 0 赞/ 648 阅读