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;
}

2 Comments

  1. 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?

Leave a Reply

Your email address will not be published. Required fields are marked *