-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
add benchmark and enhanced component
- Loading branch information
Showing
2 changed files
with
374 additions
and
12 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,314 @@ | ||
<cfsavecontent variable="htmlcontent"> | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
<title>My Website</title> | ||
<link rel="stylesheet" href="./style.css"> | ||
<link rel="icon" href="./favicon.ico" type="image/x-icon"> | ||
</head> | ||
<body> | ||
<main> | ||
<h1>Welcome to My Website</h1> | ||
</main> | ||
<hr> | ||
<p><strong>Advertisement 😃</strong></p> | ||
<ul> | ||
<li><strong><a href="https://nodeca.github.io/pica/demo/">pica</a></strong> - high quality and fast image | ||
resize in browser.</li> | ||
<li><strong><a href="https://github.com/nodeca/babelfish/">babelfish</a></strong> - developer friendly | ||
i18n with plurals support and easy syntax.</li> | ||
</ul> | ||
<p>You will like those projects!</p> | ||
<hr> | ||
<h1>h1 Heading 😎</h1> | ||
<h2>h2 Heading</h2> | ||
<h3>h3 Heading</h3> | ||
<h4>h4 Heading</h4> | ||
<h5>h5 Heading</h5> | ||
<h6>h6 Heading</h6> | ||
<h2>Horizontal Rules</h2> | ||
<hr> | ||
<hr> | ||
<hr> | ||
<h2>Typographic replacements</h2> | ||
<p>Enable typographer option to see result.</p> | ||
<p>© © ® ® ™ ™ (p) (P) ±</p> | ||
<p>test… test… test… test?.. test!..</p> | ||
<p>!!! ??? , – —</p> | ||
<p>“Smartypants, double quotes” and ‘single quotes’</p> | ||
<h2>Emphasis</h2> | ||
<p><strong>This is bold text</strong></p> | ||
<p><strong>This is bold text</strong></p> | ||
<p><em>This is italic text</em></p> | ||
<p><em>This is italic text</em></p> | ||
<p><s>Strikethrough</s></p> | ||
<h2>Blockquotes</h2> | ||
<blockquote> | ||
<p>Blockquotes can also be nested…</p> | ||
<blockquote> | ||
<p>…by using additional greater-than signs right next to each other…</p> | ||
<blockquote> | ||
<p>…or with spaces between arrows.</p> | ||
</blockquote> | ||
</blockquote> | ||
</blockquote> | ||
<h2>Lists</h2> | ||
<p>Unordered</p> | ||
<ul> | ||
<li>Create a list by starting a line with <code>+</code>, <code>-</code>, or <code>*</code></li> | ||
<li>Sub-lists are made by indenting 2 spaces: | ||
<ul> | ||
<li>Marker character change forces new list start: | ||
<ul> | ||
<li>Ac tristique libero volutpat at</li> | ||
</ul> | ||
<ul> | ||
<li>Facilisis in pretium nisl aliquet</li> | ||
</ul> | ||
<ul> | ||
<li>Nulla volutpat aliquam velit</li> | ||
</ul> | ||
</li> | ||
</ul> | ||
</li> | ||
<li>Very easy!</li> | ||
</ul> | ||
<p>Ordered</p> | ||
<ol> | ||
<li> | ||
<p>Lorem ipsum dolor sit amet</p> | ||
</li> | ||
<li> | ||
<p>Consectetur adipiscing elit</p> | ||
</li> | ||
<li> | ||
<p>Integer molestie lorem at massa</p> | ||
</li> | ||
<li> | ||
<p>You can use sequential numbers…</p> | ||
</li> | ||
<li> | ||
<p>…or keep all the numbers as <code>1.</code></p> | ||
</li> | ||
</ol> | ||
<p>Start numbering with offset:</p> | ||
<ol start="57"> | ||
<li>foo</li> | ||
<li>bar</li> | ||
</ol> | ||
<h2>Code</h2> | ||
<p>Inline <code>code</code></p> | ||
<p>Indented code</p> | ||
<pre><code>// Some comments | ||
line 1 of code | ||
line 2 of code | ||
line 3 of code | ||
</code></pre> | ||
<p>Block code “fences”</p> | ||
<pre class="hljs"><code>Sample text here... | ||
</code></pre> | ||
<p>Syntax highlighting</p> | ||
<pre class="hljs language-js"><code><span class="hljs-keyword">var</span> foo = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">bar</span>) </span>{ | ||
<span class="hljs-keyword">return</span> bar++; | ||
}; | ||
|
||
<script> | ||
var a=10; | ||
var b=20; | ||
var c=a+b; //It adds values of a and b variable | ||
document.write(c); //prints sum of 10 and 20 | ||
/* It is multi line comment. | ||
It will not be displayed */ | ||
document.write("example of javascript multiline comment"); | ||
</script> | ||
|
||
<span class="hljs-built_in">console</span>.log(foo(<span class="hljs-number">5</span>)); | ||
</code></pre> | ||
<h2>Tables</h2> | ||
<table> | ||
<thead> | ||
<tr> | ||
<th>Option</th> | ||
<th>Description</th> | ||
</tr> | ||
</thead> | ||
<tbody> | ||
<tr> | ||
<td>data</td> | ||
<td>path to data files to supply the data that will be passed into templates.</td> | ||
</tr> | ||
<tr> | ||
<td>engine</td> | ||
<td>engine to be used for processing templates. Handlebars is the default.</td> | ||
</tr> | ||
<tr> | ||
<td>ext</td> | ||
<td>extension to be used for dest files.</td> | ||
</tr> | ||
</tbody> | ||
</table> | ||
<p>Right aligned columns</p> | ||
<table> | ||
<thead> | ||
<tr> | ||
<th style="text-align:right">Option</th> | ||
<th style="text-align:right">Description</th> | ||
</tr> | ||
</thead> | ||
<tbody> | ||
<tr> | ||
<td style="text-align:right">data</td> | ||
<td style="text-align:right">path to data files to supply the data that will be passed into templates.</td> | ||
</tr> | ||
<tr> | ||
<td style="text-align:right">engine</td> | ||
<td style="text-align:right">engine to be used for processing templates. Handlebars is the default.</td> | ||
</tr> | ||
<tr> | ||
<td style="text-align:right">ext</td> | ||
<td style="text-align:right">extension to be used for dest files.</td> | ||
</tr> | ||
</tbody> | ||
</table> | ||
<h2>Links</h2> | ||
<p><a href="http://dev.nodeca.com">link text</a></p> | ||
<p><a href="http://nodeca.github.io/pica/demo/" title="title text!">link with title</a></p> | ||
<p>Autoconverted link <a href="https://github.com/nodeca/pica">https://github.com/nodeca/pica</a> (enable linkify to see)</p> | ||
<h2>Images</h2> | ||
<p><img src="https://octodex.github.com/images/minion.png" alt="Minion"> | ||
<img src="https://octodex.github.com/images/stormtroopocat.jpg" alt="Stormtroopocat" title="The Stormtroopocat"></p> | ||
<p>Like links, Images also have a footnote style syntax</p> | ||
<p><img src="https://octodex.github.com/images/dojocat.jpg" alt="Alt text" title="The Dojocat"></p> | ||
<p>With a reference later in the document defining the URL location:</p> | ||
<h2>Plugins</h2> | ||
<p>The killer feature of <code>markdown-it</code> is very effective support of | ||
<a href="https://www.npmjs.org/browse/keyword/markdown-it-plugin">syntax plugins</a>.</p> | ||
<h3><a href="https://github.com/markdown-it/markdown-it-emoji">Emojies</a></h3> | ||
<blockquote> | ||
<p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p> | ||
<p>Shortcuts (emoticons): 😃 😦 😎 😉</p> | ||
</blockquote> | ||
<p>see <a href="https://github.com/markdown-it/markdown-it-emoji#change-output">how to change output</a> with twemoji.</p> | ||
<h3><a href="https://github.com/markdown-it/markdown-it-sub">Subscript</a> / <a href="https://github.com/markdown-it/markdown-it-sup">Superscript</a></h3> | ||
<ul> | ||
<li>19<sup>th</sup></li> | ||
<li>H<sub>2</sub>O</li> | ||
</ul> | ||
<h3><a href="https://github.com/markdown-it/markdown-it-ins"><ins></a></h3> | ||
<p><ins>Inserted text</ins></p> | ||
<h3><a href="https://github.com/markdown-it/markdown-it-mark"><mark></a></h3> | ||
<p><mark>Marked text</mark></p> | ||
<h3><a href="https://github.com/markdown-it/markdown-it-footnote">Footnotes</a></h3> | ||
<p>Footnote 1 link<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup>.</p> | ||
<p>Footnote 2 link<sup class="footnote-ref"><a href="#fn2" id="fnref2">[2]</a></sup>.</p> | ||
<p>Inline footnote<sup class="footnote-ref"><a href="#fn3" id="fnref3">[3]</a></sup> definition.</p> | ||
<p>Duplicated footnote reference<sup class="footnote-ref"><a href="#fn2" id="fnref2:1">[2:1]</a></sup>.</p> | ||
<h3><a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a></h3> | ||
<dl> | ||
<dt>Term 1</dt> | ||
<dd> | ||
<p>Definition 1 | ||
with lazy continuation.</p> | ||
</dd> | ||
<dt>Term 2 with <em>inline markup</em></dt> | ||
<dd> | ||
<p>Definition 2</p> | ||
<pre><code> { some code, part of Definition 2 } | ||
</code></pre> | ||
<p>Third paragraph of definition 2.</p> | ||
</dd> | ||
</dl> | ||
<p><em>Compact style:</em></p> | ||
<dl> | ||
<dt>Term 1</dt> | ||
<dd>Definition 1</dd> | ||
<dt>Term 2</dt> | ||
<dd>Definition 2a</dd> | ||
<dd>Definition 2b</dd> | ||
</dl> | ||
<h3><a href="https://github.com/markdown-it/markdown-it-abbr">Abbreviations</a></h3> | ||
<p>This is <abbr title="Hyper Text Markup Language">HTML</abbr> abbreviation example.</p> | ||
<p>It converts “<abbr title="Hyper Text Markup Language">HTML</abbr>”, but keep intact partial entries like “xxxHTMLyyy” and so on.</p> | ||
<h3><a href="https://github.com/markdown-it/markdown-it-container">Custom containers</a></h3> | ||
<div class="warning"> | ||
<p><em>here be dragons</em></p> | ||
</div> | ||
<hr class="footnotes-sep"> | ||
<section class="footnotes"> | ||
<ol class="footnotes-list"> | ||
<li id="fn1" class="footnote-item"><p>Footnote <strong>can have markup</strong></p> | ||
<p>and multiple paragraphs. <a href="#fnref1" class="footnote-backref">↩︎</a></p> | ||
</li> | ||
<li id="fn2" class="footnote-item"><p>Footnote text. <a href="#fnref2" class="footnote-backref">↩︎</a> <a href="#fnref2:1" class="footnote-backref">↩︎</a></p> | ||
</li> | ||
<li id="fn3" class="footnote-item"><p>Text of inline footnote <a href="#fnref3" class="footnote-backref">↩︎</a></p> | ||
</li> | ||
</ol> | ||
</section> | ||
<pre><code> <!DOCTYPE html> | ||
<head> | ||
<title>Hot CFML Page & content</title> | ||
<meta charset="utf-8"> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<style> /* some comment | ||
*/ | ||
.someClass{ | ||
font-size: 1rem; /* set font size */ } </style> | ||
|
||
<meta name="description" content="Just some Example"> | ||
<link rel="stylesheet" href="css/main.css"> | ||
</head> <body> | ||
<!-- Say "Hello" to the CFML coders! --> <p>Hello to all CFML devs 😀 🤩 around the 🌎!!! </p> | ||
<script> /* this is just some | ||
embedded JavaScript */ | ||
console.log('Log Something'); // this is just some Javascript </script> </body> </html> | ||
</code></pre> | ||
|
||
<script src="index.js"></script> | ||
</body> | ||
</html> | ||
</cfsavecontent> | ||
<cfscript> | ||
for (i = 1; i < 5; i++) { | ||
htmlcontent=htmlcontent & htmlcontent; | ||
} | ||
dump(len( htmlcontent )); | ||
htmlHelperService=new components.HtmlHelper(); | ||
cftimer( label="minifyHTML & encodeTrustedHtml", type="outline"){ | ||
a=htmlHelperService.minifyHTML( htmlHelperService.encodeTrustedHtml( htmlcontent ) ); | ||
} | ||
cftimer( label="minifyHTML", type="outline"){ | ||
a=htmlHelperService.minifyHTML( htmlcontent ); | ||
} | ||
cftimer( label="encodeTrustedHtml", type="outline"){ | ||
a=htmlHelperService.encodeTrustedHtml( htmlcontent ); | ||
} | ||
cftimer( label="doCompressWhiteSpaces", type="outline"){ | ||
a=htmlHelperService.doCompressWhiteSpaces( htmlcontent ); | ||
} | ||
cftimer( label="doStripScriptAndCssComments", type="outline"){ | ||
a=htmlHelperService.doStripScriptAndCssComments( htmlcontent ); | ||
} | ||
</cfscript> |
Oops, something went wrong.