Ticket/InsdepUI/plugin/highlight-9.9.0/tools/developer.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>highlight.js developer</title>

  <link rel="stylesheet" href="../src/styles/default.css">

  <style>
    .editor textarea {
      display: block; width: 100%;
      height: 15em;
    }

    pre code,
    pre output {
      display: block;
    }

    pre output {
      display: block; overflow: auto;
      padding: 0.5em;
      background: #F0F0F0;
    }

    .hljs-debug {
      color: red; font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>highlight.js developer</h1>

  <div class="editor">
    <div>
      <textarea>Put code here…</textarea>
      <p>
        <button>Update highlighting</button>
        Language: <select class="languages"><option value="">(Auto)</option></select>
      </p>
    </div>
    <div>
      <p>Rendered in <span class="rendering_time">...</span> ms [<span class="rendering_stats">...</span>]</p>
      <pre><code class="hljs">...</code></pre>
    </div>
    <div>
      <p>Markup
      <pre><output>...</output></pre>
    </div>
  </div>

  <script src="../build/highlight.pack.js"></script>
  <script src="../demo/jquery-2.1.1.min.js"></script>

  <script>
    $(document).ready(function() {
      var select = $('.languages');
      hljs.listLanguages().forEach(function(l) {
        select.append('<option>' + l + '</option>');
      });