Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s used in thousands of websites, including some of those you visit daily.
/*
:: Vendor Path
node_modules/prismjs/
:: Installed
npm install prismjs
npm install clipboard
:: SOW Controller Init
*/ $.SOW.vendor.prismjs.init('pre')
// LANGUAGES AVAILABLE BY DEFAULT:
language-bash
language-c
language-coffeescript
language-cpp
language-csharp
language-css
language-docker
language-git
language-go
language-html
language-ini
language-java
language-javascript
language-json
language-lua
language-makefile
language-markdown
language-objectivec
language-perl
language-php
language-powershell
language-python
language-ruby
language-sass
language-swift
language-sql
language-typescript
language-visual-basic
// you can add/remove languages by editing: gulp.config__vendors.js
// and rebuilding using GULP
/*
USAGE
line-numbers = optional, show line number
For light theme, add .bg-light
*/
<pre class="language-html line-numbers"><code>
... code here
</code></pre>
<!-- HTML -->
<div> Lorem Ipsum </div>
/* CSS */
.class {
color: #ffffff;
background-color: #121212;
}
// with .line-numbers class
for(i = 0; i < smarty.length; i++) {
console.log(i);
}
// with .bg-light class
for($i = 0; $i < count($smarty); $i++) {
console.log($i);
}