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 <a href="http://howe.iki.rssi.ru/GCTC/gctc_e.htm">Star City</a>.</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 <a href="http://science.nasa.gov/headlines/y2003/30may_solareclipse.htm">partial eclipse of the Sun</a> 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>
