Skip to content
Menu
编程侠
  • 首页
  • 资讯
    • 手机
  • 博客
    • 博客vue
    • 博客PHP
  • Q我
编程侠
%title缩略图
2020-12-112020-12-12

代码高亮插件prism.js

不依赖第三方js库,不需要写调用代码!

prism.js使用

引入两个文件(prism.css和prism.js),pre标签里面一个code标签,code标签上面加上class=”language-语言名字”即可,代码如下:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>代码高亮</title>
        <link rel="stylesheet" href="./prism.css">
    </head>
    <body>
        <pre>
            <code class="language-js">
                console.log("hello,world");
            <code>
        </pre>
        <script src="./prism.js"></script>
    </body>
</html>

prism.js获取

官方网站:http://prismjs.com/download.html

最新

  • 831密码安全口令
  • 链接跳转到百度地图的指定地址
  • 云服务提到的99.99%的服务可用性,这是个什么概念?
  • 兼容IE的CSS竖排文字代码
  • 网页灰度

标签

831 a标签 canvas clone csrf echarts filter GB2312 grayscale Hello html2canvas iframe prism Unicode UTF-8 wordpress world XSS 不触发 云服务 代码雨 大数据 异常 手机号 打印 拼多多 数组 文字转语音 朗读 正则 深浅拷贝 热力图 竖排 签名验证 编码 编程圈 置灰 背代码 节流 速度 链接 链接跳转 键盘 防抖 验证

友情链接

  • staggering-beauty
  • 编程侠
©2025 编程侠 渝ICP备20006693号-4