HiliteJs Demo: Web Scripting
JavaScript
const myClass = new class {
constructor() {
const _class = this;
const $initHighlight = function(block, cls) {
var myVar = false;
let otherVar = true;
const myObj = null;
try {
if (cls.search(/\bno\-highlight\b/) != -1)
return process(block, true, 0x0F) +
` class="${cls}"`;
} catch (e) {
/* handle exception */
return e;
}
for (var i = 0 / 2; i < classes.length; i++) {
if (checkCondition(classes[i]) == undefined) {
console.warn('undefined');
} else {
console.log("OK");
} //end if
} //end for
return null;
};
_class.$initHighlight = $initHighlight; // export as public
}
};
export myClass;
JSON
[
{
"title": "apples",
"count": [12000, 20000, "string"],
"description": {"text": "...", "sensitive": false}
},
{
"title": "oranges",
"count": [17500, null, "another\" string"],
"description": {"text": "...", "sensitive": true}
}
]
YAML
---
# comment
string_1: "Bar"
string_2: 'bar'
string_3: bar
inline_keys_ignored: sompath/name/file.jpg
keywords_in_yaml:
- true
- false
- TRUE
- FALSE
- 21
- 21.0
- !!str 123
"quoted_key": &foobar
bar: foo
foo:
"foo": bar
reference: *foobar
multiline_1: "
Multiline string
"
multiline_2: |
Multiline
String
multiline_3: >
Multiline
String
array_nested:
- a
- b: 1
c: 2
- b
- comment
INI (settings)
; boilerplate
[package]
name = "some_name"
authors = ["Author"]
description = "This is a description"
[[lib]]
name = ${NAME}
default = True
auto = no
counter = 1000
PHP
<?php
require_once 'Zend/Uri/Http.php';
namespace Location\Web;
use \MyNamespace;
final class MyClass {
public $prop1 = null;
protected $prop2 = false;
private $prop3 = [];
public function __construct(?string $what) {
$this->prop1 = (string) $what;
$this->prop2 = (bool) true;
$this->prop3 = [
'id' => (int) 100,
'val' => (float) 3.14,
'data' => (array) $_SERVER,
];
}
public function __destruct() {
$this->clearData();
}
public function getProp2() {
return (array) $this->prop2;
}
protected function getProp3() {
return (array) $this->prop3;
}
private function clearData() {
$this->prop1 = null;
$this->prop2 = false;
$this->prop3 = [];
}
}
interface Factory {
static function _factory();
}
abstract class URI extends BaseURI implements Factory {
abstract function test();
public static $st1 = 1;
const ME = "Yo";
var $list = NULL;
private $var;
/**
* Returns a URI
*
* @return URI
*/
final static public function _factory($stats = array(), $uri = 'http', $arr = []) {
static::$st1 = 1;
echo __METHOD__.' => '.__CLASS__.'::'.__FUNCTION__.' # '.__DIR__.' '.__FILE__.' # '.__LINE__;
$uri = explode(':', $uri, 0b10);
$schemeSpecific = (string) isset($uri[1]) ? $uri[1] : '';
$desc = 'Multi
line description';
$heredoc = <<<'H-SYNTAX'
This is 'another'
"syntax" that is supported in PHP for strings ...
H-SYNTAX;
// Security check
if (!ctype_alnum($scheme)) {
throw new Zend_Uri_Exception('Illegal scheme');
}
$this->var = (int) (float) 0 - self::$st;
$this->list = list(Array("1"=> 2, 2=>self::ME, 3 => \Location\Web\URI::class));
$var1 = (bool) true;
$var2 = (bool) false;
$var3 = (array) [1, 'a', [3]];
$var4 = null;
return array(
'uri' => $uri,
'value' => null,
);
}
}
function myFunction($param1, $param2=[]) {
// initialize
$isTrue = false;
// create curl resource
$ch = curl_init();
// set url
curl_setopt($ch, CURLOPT_URL, "example.com");
//return the transfer as a string
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
// $output contains the output string
$output = curl_exec($ch);
// close curl resource to free up system resources
curl_close($ch);
} //end function
echo URI::ME . URI::$st1;
__halt_compiler () ; datahere
datahere
datahere */
datahere
MongoDB
{
"tag": {
"$not": {
"$eq": "<positive-integer>"
}
},
"type": "page",
"size": {
"$gt": 3
},
"extra": null,
"active": true
}
SQL
CREATE TABLE "topic" (
"id" serial NOT NULL PRIMARY KEY,
"forum_id" integer NOT NULL,
"subject" varchar(255) NOT NULL
);
ALTER TABLE "topic"
ADD CONSTRAINT forum_id FOREIGN KEY ("forum_id")
REFERENCES "forum" ("id");
-- Initials
insert into "topic" ("forum_id", "subject")
values (2, 'D''artagnian');
PostgreSQL specific SQL with PL/PgSQL
-- Sample PostgreSQL Functions
BEGIN;
SELECT sum("salary") OVER w, avg("salary") OVER w
FROM "empsalary"
WINDOW w AS (PARTITION BY "depname" ORDER BY "salary" DESC);
END;
CREATE FUNCTION days_of_week() RETURNS SETOF text AS $$
BEGIN
FOR i IN 7 .. 13 LOOP
RETURN NEXT to_char(to_date(i::text,'J'),'TMDy');
END LOOP;
END;
$$ STABLE LANGUAGE plpgsql;
CREATE TABLE test_url (url varchar NOT NULL, url_tsvector tsvector NOT NULL);
CREATE OR REPLACE FUNCTION generate_url_tsvector(varchar)
RETURNS tsvector
LANGUAGE sql
AS $_$
SELECT to_tsvector(regexp_replace($1, '[^\w]+', ' ', 'gi'));
$_$;
CREATE OR REPLACE FUNCTION before_insert_test_url()
RETURNS TRIGGER
LANGUAGE plpgsql AS $_$
BEGIN
NEW.url_tsvector := generate_url_tsvector(NEW.url);
RETURN NEW;
END
$_$;
-- Sample PostgreSQL statements
SELECT "id", "data"#>>'{level1,level2,0}' || '.' FROM "public"."test_table" ORDER BY "data"->>'id' ASC
insert into "escape_test" (text) values (E'This is the first part \\n And this is the second');
Markdown
# hello world
you can write text [with links](http://example.com) inline or [link references][1].
* one _thing_ has *em*phasis
* two __things__ are **bold**
[1]: http://example.com
---
hello world
===========
<this_is inline="xml"></this_is>
> markdown is so cool
so are code segments
1. one thing (yeah!)
2. two thing `i can write code`, and `more` wipee!
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Title</title>
<style>
body {
width: 500px;
}
</style>
</head>
<body>
<img src="test.png" width="160" height="120" >
<p checked class="title" id='title'>Title</p>
<!-- here goes the rest of the page -->
<script type="application/javascript">
function $init(){
return true;
} //end function
</script>
</body>
</html>
CSS (style sheet)
@font-face {
font-family: Chunkfive; src: url('Chunkfive.otf');
}
body, .usertext {
color: #F0F0F0; background: #600;
font-family: Chunkfive, sans;
}
@import url(print.css);
@media print {
a[href^=http]::after {
content: attr(href)
}
}
Less (style sheet)
@import "fruits";
@rhythm: 1.5em;
@media screen and (min-resolution: 2dppx) {
body {font-size: 125%}
}
section > .foo + #bar:hover [href*="less"] {
margin: @rhythm 0 0 @rhythm;
padding: calc(5% + 20px);
background: #f00ba7 url(http://placehold.alpha-centauri/42.png) no-repeat;
background-image: linear-gradient(-135deg, wheat, fuchsia) !important ;
background-blend-mode: multiply;
}
@font-face {
font-family: /* ? */ 'Omega';
src: url('../fonts/omega-webfont.woff?v=2.0.2');
}
.icon-baz::before {
display: inline-block;
font-family: "Omega", Alpha, sans-serif;
content: "\f085";
color: rgba(98, 76 /* or 54 */, 231, .75);
}
SCSS (style sheet)
@import "compass/reset";
// variables
$colorGreen: #008000;
$colorGreenDark: darken($colorGreen, 10);
@mixin container {
max-width: 980px;
}
// mixins with parameters
@mixin button($color:green) {
@if ($color == green) {
background-color: #008000;
}
@else if ($color == red) {
background-color: #B22222;
}
}
button {
@include button(red);
}
div,
.navbar,
#header,
input[type="input"] {
font-family: "Helvetica Neue", Arial, sans-serif;
width: auto;
margin: 0 auto;
display: block;
}
.row-12 > [class*="spans"] {
border-left: 1px solid #B5C583;
}
// nested definitions
ul {
width: 100%;
padding: {
left: 5px; right: 5px;
}
li {
float: left; margin-right: 10px;
.home {
background: url('http://placehold.it/20') scroll no-repeat 0 0;
}
}
}
.banner {
@extend .container;
}
a {
color: $colorGreen;
&:hover { color: $colorGreenDark; }
&:visited { color: #c458cb; }
}
@for $i from 1 through 5 {
.span#{$i} {
width: 20px*$i;
}
}
@mixin mobile {
@media screen and (max-width : 600px) {
@content;
}
}
Diff (unified)
Index: languages/ini.js
===================================================================
--- languages/ini.js (revision 199)
+++ languages/ini.js (revision 200)
@@ -1,8 +1,7 @@
hljs.LANGUAGES.ini =
{
case_insensitive: true,
- defaultMode:
- {
+ defaultMode: {
contains: ['comment', 'title', 'setting'],
illegal: '[^\\s]'
},
*** /path/to/original timestamp
--- /path/to/new timestamp
***************
*** 1,3 ****
--- 1,9 ----
+ This is an important
+ notice! It should
+ therefore be located at
+ the beginning of this
+ document!
! compress the size of the
! changes.
It is important to spell