美文网首页
代码美化JS--prismjs

代码美化JS--prismjs

作者: 打工养老板 | 来源:发表于2019-02-24 11:59 被阅读0次

下载

官方下载地址: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

相关文章

  • 代码美化JS--prismjs

    下载 官方下载地址:http://prismjs.com/[http://prismjs.com/] 选择好颜色,...

  • 美化代码

    空格 推荐: 不推荐: 推荐: 不推荐: 如果自动对齐让可读性变得糟糕,那么应该在之前把 block 定义为变量,...

  • 代码美化

    VIM 代码美化 安装git 安装Vundle vim ~/.vimrc 安装相关插件 Vundle插件相关命令 ...

  • WebStorm配置Prettier

    Prettier是代码美化工具,配置到webstorm后,可以在你保存代码的时候,自动帮你美化代码, 一、下载 二...

  • Zsh美化

    Zsh美化 常用代码含义:

  • JSON数据美化,js代码美化

    美化前(都挤在一行) 以下为vue3 tsx写法 美化后

  • 原生JS表单美化

    1.表单美化—单选框 html结构 css样式 js代码 2.表单美化—复选框 html结构 css样式 js代码...

  • Css3美化滚动条样式

    修改默认滚动条样式,美化代码如下:

  • 代码美化的艺术

    Ng-Matero 中文版文档已经发布 点击查看 前言 原本只是想简单的聊一下代码格式化的问题,无奈本文拖沓了很久...

  • 代码美化利器 - Prettier

    Prettier 作为前端开发不可不知的一个工具,能让你的代码更清爽,在团队开发中能显著提升代码的观感,再也不怕同...

网友评论

      本文标题:代码美化JS--prismjs

      本文链接:https://www.haomeiwen.com/subject/orppyqtx.html