Demo – Enlighter Customizable Syntax Highlighter Plugin Theme Styles

Interested in using Enlighter plugin in WordPress, but not sure what the different theme options results will be? This page demonstrates the Enlighter @@@ plugin theme styles.

When you are configuring a code snippet, Enlighter gives you a “theme” dropdown option. This page shows you what each theme looks like and the results of the CSS styles.

enlighter

<script scr="script.js" defer=""></script>

godzilla

<script scr="script.js" defer=""></script>

beyond

Single line HTML

<script scr="script.js" defer=""></script>

Multi line HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Module Demo</title>
    <script type="module" src="backpack.js"></script>
    <script type="module" src="script.js"></script>
  </head>
  <body></body>
</html>

JavaScript

const backpack = {
  name: "Everyday Backpack",
  volume: 30,
  color: "grey",
  pocketNum: 15,
  strapLength: {
    left: 26,
    right: 26,
  },
  lidOpen: false,
  toggleLid: function (lidStatus) {
    this.lidOpen = lidStatus
  },
  newStrapLength: function (lengthLeft, lengthRight) {
    this.strapLength.left = lengthLeft
    this.strapLength.right = lengthRight
  },
}

Perl

#!/usr/bin/perl
# File testmultidimarray.pl created by Eric Hepperle at 07:48:04 on Fri Jun  8 2001. 
#
# Purpose:	Not my script.  Uses multi-dimensional arrays and nested foreach loops to display boolean truth tables.

my @array;

$array[0][0] = "|0|0|";
$array[0][1] = "|0|1|";
$array[0][2] = "|0|2|";
$array[1][0] = "|1|0|";
$array[1][1] = "|1|1|";

print "Method 1:\n";

print "$array[0][0]\n";
print "$array[0][1]\n";
print "$array[0][2]\n";
print "$array[1][0]\n";
print "$array[1][1]\n";

print "\nMethod 2:\n";

foreach my $arrayref ( @array ) {

    foreach ( @{$arrayref} ) {

        print "$_\n";

    }

}

 

XML

<?xml version="1.0"?>
<!-- http://cyber.law.harvard.edu/rss/examples/rss2sample.xml -->
<rss version="2.0">
   <channel>
      <title>Liftoff News</title>
      <link>http://liftoff.msfc.nasa.gov/</link>
      <description>Liftoff to Space Exploration.</description>
      <language>en-us</language>
      <pubDate>Tue, 10 Jun 2003 04:00:00 GMT</pubDate>

      <lastBuildDate>Tue, 10 Jun 2003 09:41:01 GMT</lastBuildDate>
      <docs>http://blogs.law.harvard.edu/tech/rss</docs>
      <generator>Weblog Editor 2.0</generator>
      <managingEditor>editor@example.com</managingEditor>
      <webMaster>webmaster@example.com</webMaster>
      <item>

         <title>Star City</title>
         <link>http://liftoff.msfc.nasa.gov/news/2003/news-starcity.asp</link>
         <description>How do Americans get ready to work with Russians aboard the International Space Station? They take a crash course in culture, language and protocol at Russia's &lt;a href="http://howe.iki.rssi.ru/GCTC/gctc_e.htm"&gt;Star City&lt;/a&gt;.</description>
         <pubDate>Tue, 03 Jun 2003 09:39:21 GMT</pubDate>
         <guid>http://liftoff.msfc.nasa.gov/2003/06/03.html#item573</guid>

      </item>
      <item>
         <description>Sky watchers in Europe, Asia, and parts of Alaska and Canada will experience a &lt;a href="http://science.nasa.gov/headlines/y2003/30may_solareclipse.htm"&gt;partial eclipse of the Sun&lt;/a&gt; on Saturday, May 31st.</description>
         <pubDate>Fri, 30 May 2003 11:06:42 GMT</pubDate>
         <guid>http://liftoff.msfc.nasa.gov/2003/05/30.html#item572</guid>

      </item>
      <item>
         <title>The Engine That Does More</title>
         <link>http://liftoff.msfc.nasa.gov/news/2003/news-VASIMR.asp</link>
         <description>Before man travels to Mars, NASA hopes to design new engines that will let us fly through the Solar System more quickly.  The proposed VASIMR engine would do that.</description>
         <pubDate>Tue, 27 May 2003 08:37:32 GMT</pubDate>
         <guid>http://liftoff.msfc.nasa.gov/2003/05/27.html#item571</guid>

      </item>
      <item>
         <title>Astronauts' Dirty Laundry</title>
         <link>http://liftoff.msfc.nasa.gov/news/2003/news-laundry.asp</link>
         <description>Compared to earlier spacecraft, the International Space Station has many luxuries, but laundry facilities are not one of them.  Instead, astronauts have other options.</description>
         <pubDate>Tue, 20 May 2003 08:56:02 GMT</pubDate>
         <guid>http://liftoff.msfc.nasa.gov/2003/05/20.html#item570</guid>

      </item>
   </channel>
</rss>

PHP

<?php
/* INCLUDES */
require_once('ehw_lib.php');

/**
 * @input: array of urls to image files
 * @returns: string, html chunk formatted as img gallery
 */
function show_img_gallery($urls, $desired_num=999) {
    $li_items = '';
    
    $desired_num = $desired_num < count($urls) ? $desired_num : count($urls);

    for ($i=0; $i < $desired_num; $i++) {
        $li = "<li class='res-img-cont'>";
        $li .= $i+1 . ": <img src='$urls[$i]' style='width: 100%'>";
        $li .= '</li>';
        $li_items .= $li;
    }

    $out = <<<OUT
    <ul>
      $li_items
    </ul>
    OUT;
    
    return $out;
}

SQL

-- Remove existing database objects if they're present in the database
-- This resets the Two Trees database to an empty state
DROP TABLE IF EXISTS products.products;
DROP TABLE IF EXISTS products.categories;
DROP SCHEMA IF EXISTS products;

-- Create the products schema
GO -- comment this line out when running on PostgreSQL
CREATE SCHEMA products;
GO -- comment this line out when running on PostgreSQL

-- Create a table for the Two Trees product data
CREATE TABLE products.products (
    SKU CHAR(7) NOT NULL PRIMARY KEY,
    ProductName CHAR(50) NOT NULL,
    CategoryID INT,
    Size INT,
    Price DECIMAL(5,2) NOT NULL
);

-- Create a table for the Two Trees category data
CREATE TABLE products.categories (
    CategoryID INT PRIMARY KEY,
    CategoryDescription CHAR(50),
    ProductLine CHAR(25)
);

-- Add data to the products table
INSERT INTO products.products
    (SKU, ProductName, CategoryID, Size, Price)
VALUES
    ('FCP008', 'First Cold Press', 1, 8, 8.99),
    ('BI008', 'Basil-Infused EVO', 2, 8, 10.99),
    ('GI016', 'Garlic-Infused EVO', 2, 16, 15.99),
    ('OGEC004', 'Olive Glow Eye Cream', 3, 4, 18.99)
;

-- Add data to the categories table
INSERT INTO products.categories
    (CategoryID, CategoryDescription, ProductLine)
VALUES
    (1, 'Olive Oils', 'Gourmet Chef'),
    (2, 'Flavor Infused Oils', 'Gourmet Chef'),
    (3, 'Bath and Beauty', 'Cosmetics')
;

-- Review the data that's been entered
SELECT * FROM products.products;
SELECT * FROM products.categories;

 

classic

<script scr="script.js" defer=""></script>

mowtwo

<script scr="script.js" defer=""></script>

eclipse

<script scr="script.js" defer=""></script>

droide

<script scr="script.js" defer=""></script>

minimal

<script scr="script.js" defer=""></script>

atomic

<script scr="script.js" defer=""></script>

rowhammer

<script scr="script.js" defer=""></script>

bootstrap4

<script scr="script.js" defer=""></script>

dracula

<script scr="script.js" defer=""></script>

monokai

<script scr="script.js" defer=""></script>

wpcustom

<script scr="script.js" defer=""></script>

Date Published: 2022-11-26
Date Updated:

Eric Hepperle

Eric loves to write code, play guitar, and help businesses solve challenges with code and design.