素材牛VIP会员

prism代码高亮插件

 所属分类:网页特效-UI/布局/瀑布流

 浏览:1260次  评论:1次  更新时间:2019-04-20
牛币素材VIP可免积分下载
prism代码高亮插件兼容IE10
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
项目地址(website):https://prismjs.com
素材描述:这是一个速度最快,简单易懂的插件
 标签:代码高亮

详细介绍

先引入这两个文件

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

此时创建pre和code就可以了

<pre class="line-numbers">
          <code class="language-markup">
      		&lt;pre class="line-numbers"&gt;
      		    &lt;code class="language-markup"&gt;
      				&lt;style&gt;
      				   .div{ width : 100px }
      				&lt;/style&gt;
      		    &lt;/code&gt;
      		&lt;/pre&gt;
          </code>
      </pre>

详细请看里面的实例

文件目录结构

  • css
    • ┝ bootstrap.min.css
    • ┝ main.css
    • ┝ style.css
  • img
    • ┝ left.png
    • ┝ logo-dark.png
    • ┝ Thumbs.db
  • ┝ index.html
  • js
    • ┝ jquery.min.js
    • ┝ jquery.slimscroll.js
    • ┝ jquery.slimscroll.min.js
    • ┝ klorofil-common.js
    • ┝ mx.js
  • link

    讨论这个素材(1)回答他人问题或分享使用心得会奖励牛币

    wa***45  
    2019年04月22日

    这就很不错,技术高深

    回复
     文明上网,理性发言!   😉 阿里云幸运券,戳我领取
    我的牛币余额:0
    所需牛币:5 开始下载

    牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)