Vaaky Highlighter: Theme Demo
Select the theme from the below dropdown and see how it will look for different languages.
TypeScript
interface A {
x: number;
y?: number;
}
class C implements A {
x = 0;
}
const c = new C();
c.y = 10;JavaScript
let date = new Date();
console.log(date.toLocaleString('en-US', {
weekday: 'short', // long, short, narrow
day: 'numeric', // numeric, 2-digit
year: 'numeric', // numeric, 2-digit
month: 'long', // numeric, 2-digit, long, short, narrow
hour: 'numeric', // numeric, 2-digit
minute: 'numeric', // numeric, 2-digit
second: 'numeric', // numeric, 2-digit
}));
// Output: Thu, October 14, 2021, 11:11:09 AM
PHP
class ClassA extends ClassB implements InterfaceA, InterfaceB, InterfaceC
{
public $number = 1;
private $letters = array ( "A",
"B",
"C",
"D" );
public function method($text, $number)
{
if ($text == NULL)
{
$text = "a";
}
else if ($number == 0 && $text == "NetBeans")
{
$text = "empty";
}
else
{
$number++;
}
switch ($number)
{
case 1:
return method("text", 22);
case 2:
return 20;
default:
return -1;
}
}
}
Twig
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<ul id="navigation">
{% for item in navigation %}
<li><a href="{{ item.href }}">{{ item.caption }}</a></li>
{% endfor %}
</ul>
<h1>My Webpage</h1>
{{ a_variable }}
</body>
</html>
CSS
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
SCSS
@function pow($base, $exponent) {
$result: 1;
@for $_ from 1 through $exponent {
$result: $result * $base;
}
@return $result;
}
.sidebar {
float: left;
margin-left: pow(4, 3) * 1px;
}
SQL/MySQL
CREATE TABLE mortgage_companies (
ID INTEGER PRIMARY KEY,
NAME CHAR(30)
);
INSERT INTO mortgage_companies
VALUES
(1, 'Quicken Loans'),
(2, 'Wells Fargo Bank'),
(3, 'JPMorgan Chase Bank');
SELECT *
FROM mortgage_companies
LIMIT 2;
PostgreSQL & PL/pgSQL
BEGIN
dbms_output.put_line (‘Hello World..');
END;
/
JSON
{
"name": "Vaaky Hi",
"desc": "An awesome syntax highlight/highlighing plugin for wordpress",
"num": 30,
"extra": null
}
YAML/YML
name: Vaaky Hi
desc: An awesome syntax highlight/highlighing plugin for wordpress
num: 30
extra: null
Apache
# rewrite`s rules for wordpress pretty url
LoadModule rewrite_module modules/mod_rewrite.so
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . index.php [NC,L]
ExpiresActive On
ExpiresByType application/x-javascript "access plus 1 days"
Order Deny,Allow
Allow from All
<Location /maps/>
RewriteMap map txt:map.txt
RewriteMap lower int:tolower
RewriteCond %{REQUEST_URI} ^/([^/.]+)\.html$ [NC]
RewriteCond ${map:${lower:%1}|NOT_FOUND} !NOT_FOUND
RewriteRule .? /index.php?q=${map:${lower:%1}} [NC,L]
</Location>
Nginx
server {
listen 80 default_server;
server_name my_app.com;
return 301 https://my_app.com$request_uri;
}
DNS Zone File
;;
;; Domain: example.com.
;; Exported: 2021-09-17 02:17:44
;;
example.com 3600 IN SOA example.com root.example.com 2038351166 7200 3600 86400 3600
;; A Records
blog.example.com. 1 IN A 12.80.43.130
dev.example.com. 1 IN A 12.80.43.130
;; CNAME Records
www.example.com. 1 IN CNAME example.com.
;; MX Records
example.com. 1 IN MX 10 mx1.emailsrv.com.
example.com. 1 IN MX 20 mx2.emailsrv.com.
;; TXT Records
example.com. 1 IN TXT "HH=mr98751000"
example.com. 1 IN TXT "google-site-verification=GorbBj2yhbhb-uXzvNaJxoKgt3jCjbQu7"
Go
package main
import "fmt"
func main() {
fmt.Println("hello world")
}
Django
# pages/welcome.py
from django.http import HttpResponse
def homePageView(request):
return HttpResponse('Hello, World!')
Python
# This program prints Hello, world!
print('Hello, world!')
Handlebars
<script id="myTemplate" type="text/x-handlebars-template">
<h1>Hello {{name}}</h1>
</script>
var tmpHtml = document.getElementById("myTemplate").innerHTML;
var template = Handlebars.compile(tmpHtml);
Markdown
# Hello World
This is content converted from Markdown!
Here's a JSON sample:
"`json
{
"foo": "bar"
}
"`
HTML
<!DOCTYPE html>
<html>
<head>
<title>Sample App</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div class="main">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
</div>
</body>
</html>
XML
<?xml version="1.0" encoding="UTF-8"?>
<text>
<para>hello world</para>
</text>
Dockerfile
# Hello
FROM scratch
COPY hello /
CMD ["/hello"]
Java
class Simple{
public static void main(String args[]){
System.out.println("Hello Java");
}
}
R
# We can use the print() function
print("Hello World!")
print("Hello World!", quote = FALSE)
Ruby
puts "Hello World"
PowerShell
$strString = "Hello World"
write-host $strString
Bash/Shell
#!/bin/bash
# Usage: Hello World Bash Shell Script Using Variables
# ----------------------
var="Hello World"
# print it
echo "$var"
# Another way of printing it
printf "%s\n" "$var"
C
#include <stdio.h>
int main() {
// printf() displays the string inside quotation
printf("Hello, World!");
return 0;
}
C#
namespace HelloWorld
{
class Hello {
static void Main(string[] args)
{
System.Console.WriteLine("Hello World!");
}
}
}
Objective C
#import <Foundation/Foundation.h>
int main(int argc, const char * argv[]) {
@autoreleasepool {
// insert code here…
NSLog(@"Hello, World!");
}
return 0;
}
C++
// Simple C++ program to display "Hello World"
// Header file for input output functions
#include<iostream>
using namespace std;
// main function -
// where the execution of program begins
int main()
{
// prints hello world
cout<<"Hello World";
return 0;
}
how to add dracula theme?
This plugin on the WordPress system highlighter works like a bloomin’ charm, mate! And I’m fair dinkum obsessed with the Monokai theme, ya know?