HighlightJs3

View Source

Sample - HightlightJs using Precode markup

Line number begin

<!DOCTYPE html>
<head>
  <title>highlight.js test</title>
  <meta charset="utf-8">
<body>
<div onclick="javascript:alert('aaaa');">clickme</div>
<div onclick="alert('aaaa');">clickme2</div>

No line numbers

<!DOCTYPE html>
<head>
  <title>highlight.js test</title>
  <meta charset="utf-8">
<body>
<div onclick="javascript:alert('aaaa ..');">clickme</div>
<div onclick="alert('aaaa');">clickme2</div>

Line number continue

<!DOCTYPE html>
<head>
  <title>highlight.js test</title>
  <meta charset="utf-8">
  <link rel="stylesheet" title="Default" href="styles/default.css">
</head>
<body>
<div onclick="javascript:alert('aaaa');">clickme</div>
<div onclick="alert('aaaa');">clickme2</div>

Reset line number and linestyle

pre code {
  display: block; padding: 0.5em;
  background: white; color: black;
}

pre .string,
pre .tag .value,
pre .filter .argument,
pre .apache .tag,
pre .apache .cbracket,
pre .nginx .built_in,
pre .tex .formula {
  color: #888;
}

Line number continue - reset linestyle

pre code {
  display: block; padding: 0.5em;
  background: white; color: black;
}

pre .string,
pre .tag .value,
pre .filter .argument,
pre .addition,
pre .change,
pre .apache .tag,
pre .apache .cbracket,
pre .nginx .built_in,
pre .tex .formula {
  color: #888;
}
Edit - History - Print - Recent Changes - Search
Page last modified on January 21, 2023, at 10:22 PM