UNPKG

ometa-highlighter

Version:

Code highlighter based on Ometa/JS (little inspired by Pygments)

14 lines (12 loc) 2.52 kB
<pre class="ohl ohl-xml"><code><span class="ohl-comment ohl-comment-preproc"><span class="ohl-punctuation">&lt;?</span>xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;<span class="ohl-punctuation">?&gt;</span></span> <span class="ohl-name ohl-name-tag"><span class="ohl-punctuation">&lt;</span>root<span class="ohl-punctuation">&gt;</span></span> <span class="ohl-name ohl-name-tag"><span class="ohl-punctuation">&lt;</span>grass <span class="ohl-name ohl-name-attribute">type<span class="ohl-punctuation">=</span><span class="ohl-string ohl-string-double"><span class="ohl-punctuation">&quot;</span>nice<span class="ohl-punctuation">&quot;</span></span></span><span class="ohl-punctuation">/&gt;</span></span> <span class="ohl-name ohl-name-tag"><span class="ohl-punctuation">&lt;</span>tree<span class="ohl-punctuation">&gt;</span></span> <span class="ohl-name ohl-name-tag"><span class="ohl-punctuation">&lt;</span>leaf <span class="ohl-name ohl-name-attribute">id<span class="ohl-punctuation">=</span><span class="ohl-string ohl-string-double"><span class="ohl-punctuation">&quot;</span>1<span class="ohl-punctuation">&quot;</span></span></span><span class="ohl-punctuation">/&gt;</span></span> <span class="ohl-name ohl-name-tag"><span class="ohl-punctuation">&lt;</span>branch<span class="ohl-punctuation">&gt;</span></span> <span class="ohl-name ohl-name-tag"><span class="ohl-punctuation">&lt;</span>leaf <span class="ohl-name ohl-name-attribute">id<span class="ohl-punctuation">=</span><span class="ohl-string ohl-string-double"><span class="ohl-punctuation">&quot;</span>2<span class="ohl-punctuation">&quot;</span></span></span><span class="ohl-punctuation">/&gt;</span></span> <span class="ohl-name ohl-name-tag"><span class="ohl-punctuation">&lt;</span>leaf <span class="ohl-name ohl-name-attribute">id<span class="ohl-punctuation">=</span><span class="ohl-string ohl-string-double"><span class="ohl-punctuation">&quot;</span>3<span class="ohl-punctuation">&quot;</span></span></span><span class="ohl-punctuation">/&gt;</span></span> <span class="ohl-name ohl-name-tag"><span class="ohl-punctuation">&lt;/</span>branch<span class="ohl-punctuation">&gt;</span></span> <span class="ohl-name ohl-name-tag"><span class="ohl-punctuation">&lt;/</span>tree<span class="ohl-punctuation">&gt;</span></span> <span class="ohl-name ohl-name-tag"><span class="ohl-punctuation">&lt;/</span>root<span class="ohl-punctuation">&gt;</span></span> </code></pre>