Get started with prettify CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with prettify CDN - cdnhub.io</title>
  <style>
    pre {
      white-space: pre-wrap;
      word-wrap: break-word;
    }
  </style>
</head>
<body>
  <button onclick="highlightCode()">Prettify Code</button>
  <pre id="code">
    <code id="js-code">
      const add = (a, b) => a + b;
      const subtract = (a, b) => a - b;
      const multiply = (a, b) => a * b;

      const numbers = [1, 2, 3, 4, 5];

      const sum = numbers.map(add).reduce(add);
      const difference = numbers.map(subtract, 0).reduce(subtract);
      const product = numbers.map(multiply).reduce(multiply);

      console.log(`Sum: ${sum}`);
      console.log(`Difference: ${difference}`);
      console.log(`Product: ${product}`);
    </code>
  </pre>
  <script src="https://cdn.cdnhub.io/prettify/r298/prettify.min.js"></script>
  <script>
    function highlightCode() {
      const jsCode = document.getElementById("js-code");
      const codeEl = document.getElementById("code");
      Prettier.highlightCode(codeEl, jsCode.textContent);
    }
  </script>
</body>
</html>

https://cdn.cdnhub.io/prettify/r298/lang-apollo.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-apollo.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-basic.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-basic.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-clj.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-clj.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-css.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-css.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-dart.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-dart.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-erlang.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-erlang.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-go.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-go.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-hs.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-hs.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-lisp.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-lisp.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-llvm.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-llvm.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-lua.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-lua.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-matlab.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-matlab.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-ml.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-ml.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-mumps.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-mumps.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-n.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-n.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-pascal.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-pascal.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-proto.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-proto.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-r.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-r.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-rd.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-rd.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-scala.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-scala.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-sql.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-sql.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-tcl.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-tcl.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-tex.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-tex.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-vb.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-vb.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-vhdl.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-vhdl.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-wiki.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-wiki.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-xq.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-xq.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-yaml.js Copied!

https://cdn.cdnhub.io/prettify/r298/lang-yaml.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/prettify.css Copied!

https://cdn.cdnhub.io/prettify/r298/prettify.js Copied!

https://cdn.cdnhub.io/prettify/r298/prettify.min.css Copied!

https://cdn.cdnhub.io/prettify/r298/prettify.min.js Copied!

https://cdn.cdnhub.io/prettify/r298/run_prettify.js Copied!

https://cdn.cdnhub.io/prettify/r298/run_prettify.min.js Copied!

Get started with prettify CDN

Stable version

How to start using prettify CDN

All versions