javascript

当前位置:首页 > 前端 > javascript

代码美化JS--prismjs

https://www.jianshu.com/p/1619c91f73c2 简书地址

https://www.jianshu.com/p/1619c91f73c2  简书地址

下载

官方下载地址:http://prismjs.com/

  1. 选择好颜色,我选tomorrow night

  2. 选择语言类型

  3. 选择插件

  4. 点击download下载js和css


引用

<link rel="stylesheet" href="css/prism.css" /><script src="js/prism.js"></script>

使用

<pre class="line-numbers"><code class="language-css">p { color: red }</code></pre>

全代码

<!DOCTYPE html><html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/prism.css" />
    </head>
    <body>
            <pre class="line-numbers">
                <code class="language-css">p { color: red }</code>
            </pre>
        <script src="js/prism.js" type="text/javascript" charset="utf-8"></script>
    </body></html>

效果

image.png


作者:打工养老板
链接:https://www.jianshu.com/p/1619c91f73c2
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

相关内容

文章评论

表情

共 0 条评论,查看全部
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~