urvanov

Reincarnation of Crayon Syntax Highlighter. Somewhere in documentation and in UI it still shows like Crayon. Don’t be scrared of this.
Use special Urvanov Syntax Highlighter block in new posts. Don’t use standard Code block.
<a href="https://www.youtube.com/watch?v=2aBtVJOOqqA" rel="nofollow ugc">Watch how to use the plugin</a>:
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/2aBtVJOOqqA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
A Syntax Highlighter built in PHP and jQuery that supports customizable languages and themes. 
It can highlight from a URL, or WordPress post text. Crayon makes it easy to manage Language files and define 
custom language elements with regular expressions. 
It also supports some neat features like:
<ul>
<li>Integrated <a href="http://aramk.com/blog/2012/12/27/crayon-theme-editor/" rel="nofollow ugc">Theme Editor!</a></li>
<li><a href="http://aramk.com/blog/2012/03/25/crayon-tag-editor/" rel="nofollow ugc">Tag Editor</a> in both Visual & HTML editors</li>
<li>Toggled plain code</li>
<li>Toggled line numbers</li>
<li>Copy/paste code</li>
<li>Open code in a new window (popup)</li>
<li>Line wrapping</li>
<li>Code expanding</li>
<li>Minimizing</li>
<li>bbPress 2 support</li>
<li><a href="http://aramk.com/blog/2012/09/26/converting-legacy-tags-to-pre/" rel="nofollow ugc">Converting legacy code in blog posts/comments to <pre></a></li>
<li>Remote request caching</li>
<li><a href="http://aramk.com/blog/2011/12/25/mixed-language-highlighting-in-crayon" rel="nofollow ugc">Mixed Language Highlighting</a> in a single Crayon</li>
<li><a href="https://github.com/urvanov-ru/crayon-syntax-highlighter/wiki/Mini-Tags-and-Plain-Tags-in-Crayon" rel="nofollow ugc">Mini Tags</a> like [php][/php]</li>
<li><a href="https://github.com/urvanov-ru/crayon-syntax-highlighter/wiki/Inline-Tags,-%60Backquotes%60-and-Crayons-in-Comments" rel="nofollow ugc">Inline Tags</a> floating in sentences</li>
<li>Crayons in comments</li>
<li>`Backquotes` become <code></li>
<li><pre> tag support, option to use <code>setting-value</code> in the class attribute</li>
<li>Valid HTML 5 markup</li>
<li><a href="http://aramk.com/blog/2012/03/25/crayon-tag-editor/" rel="nofollow ugc">Visual & HTML editor compatible</a></li>
<li>Mobile/touchscreen device detection</li>
<li>Mouse event interaction (showing plain code on double click, toolbar on mouseover)</li>
<li>Tab sizes</li>
<li>Code title</li>
<li>Toggled toolbar</li>
<li>Retina buttons</li>
<li>Striped lines</li>
<li>Line marking (for important lines)</li>
<li><a href="http://aramk.com/blog/2012/09/02/line-ranges-in-crayon/" rel="nofollow ugc">Line ranges (showing only parts of the code)</a></li>
<li>Starting line number (default is 1)</li>
<li>File extension detection</li>
<li>Live Preview in settings</li>
<li>Dimensions, margins, alignment, font-size, line-height, float</li>
<li>Extensive error logging</li>
</ul>
Links
<ul>
<li><a href="https://github.com/urvanov-ru/crayon-syntax-highlighter" rel="nofollow ugc">Beta Releases</a></li>
<li><a href="http://aramk.com/blog/2012/12/27/crayon-theme-editor/" rel="nofollow ugc">Themes Demo</a></li>
<li><a href="https://github.com/urvanov-ru/crayon-syntax-highlighter" rel="nofollow ugc">GitHub Project</a></li>
</ul>
Contributions
There are many ways you can help!
<ul>
<li>Make a Theme and share</li>
<li>Add support for your favourite <a href="http://aramk.com/blog/2011/09/23/crayon-language-file-specification/" rel="nofollow ugc">Language</a></li>
<li>Write a post about your pastel experiences and share</li>
<li><a href="https://yoomoney.ru/to/41001288941320" rel="nofollow ugc">Donate</a> to the project</li>
</ul>
Supported Languages
Languages are defined in language files using Regular Expressions to capture elements. 
See the <a href="http://aramk.com/blog/2011/09/23/crayon-language-file-specification/" rel="nofollow ugc">Crayon Language File Specification</a> to learn how to make your own.
<ul>
<li>Default Language (one size fits all, highlights generic code)</li>
<li>C1 (thanks to <a href="http://oparin.info/" rel="nofollow ugc">Oparin Pavel</a>)</li>
<li>ABAP</li>
<li>ActionScript</li>
<li>AmigaDOS (thanks to <a href="http://www.amigalog.com/" rel="nofollow ugc">amigalog.com</a>)</li>
<li>Apache</li>
<li>AppleScript</li>
<li>Arduino</li>
<li>Assembly (x86)</li>
<li>AutoIt</li>
<li>C</li>
<li>C#</li>
<li>C++</li>
<li>Clojure (thanks to <a href="https://github.com/mberndtgen" rel="nofollow ugc"></a>)</li>
<li>CoffeeScript (thanks to <a href="http://firn.jp/crayon-coffeescript" rel="nofollow ugc">Dai Akatsuka</a>)</li>
<li>CSS</li>
<li>Delphi/Pascal (thanks to <a href="http://squashbrain.com/" rel="nofollow ugc">Chris McClenny</a>)</li>
<li>Delphi Web Script (thanks to <a href="http://www.smartmobilestudio.com" rel="nofollow ugc">smartmobilestudio</a>)</li>
<li>Diff (thanks to <a href="http://omniavin.co/post/262" rel="nofollow ugc">omniavin</a>)</li>
<li>Erlang (thanks to <a href="http://netroid.de/" rel="nofollow ugc">Daniel</a>)</li>
<li>Fabric Engine KL (thanks to <a href="https://github.com/AndrewHazelden" rel="nofollow ugc">Andrew Hazelden</a>)</li>
<li>Go</li>
<li>Haskell</li>
<li>HTML (XML/XHTML)</li>
<li>INI</li>
<li>Lisp</li>
<li>Lua</li>
<li>Maya MEL (thanks to <a href="https://github.com/AndrewHazelden" rel="nofollow ugc">Andrew Hazelden</a>)</li>
<li>Microsoft Registry (thanks to <a href="http://techexplored.com/2012/03/21/crayon-syntax-highlighter-reg-support/" rel="nofollow ugc">techexplored.com</a>)</li>
<li>MIVA Script</li>
<li>Monkey (thanks to <a href="https://github.com/devolonter" rel="nofollow ugc">Devolonter</a>)</li>
<li>MS-DOS (thanks to <a href="http://www.amigalog.com/?p=334" rel="nofollow ugc">http://www.amigalog.com/?p=334</a>)</li>
<li>MySQL (thanks to <a href="http://assemblysys.com/" rel="nofollow ugc">AssemblySys.com</a> and <a href="http://ansas-meyer.de/" rel="nofollow ugc">ansas-meyer.de</a>)</li>
<li>Java</li>
<li>JavaScript</li>
<li>Objective-C</li>
<li>Papyrus</li>
<li>Perl</li>
<li>PHP</li>
<li>PL/SQL</li>
<li>PostgreSQL (thanks to <a href="http://bitorchestra.com/" rel="nofollow ugc">Bitorchestra</a>)</li>
<li>PowerShell</li>
<li>Python</li>
<li>R</li>
<li>Ruby</li>
<li>Rust (thanks to <a href="https://github.com/Stibbons" rel="nofollow ugc">Stibbons</a>)</li>
<li>Scheme (thanks to <a href="https://github.com/harry75369" rel="nofollow ugc">Harry75369</a>)</li>
<li>Shell (Unix)</li>
<li>Swift (thanks to <a href="https://github.com/weyhan" rel="nofollow ugc">weyhan</a>)</li>
<li>Transact-SQL</li>
<li>TeX</li>
<li>Verilog (thanks to <a href="https://github.com/gdevic" rel="nofollow ugc">Goran Devic</a>)</li>
<li>Vim</li>
<li>Visual Basic</li>
<li>Visual Basic .NET (thanks to <a href="https://github.com/OomJan/crayon-lang-vbnet" rel="nofollow ugc">Kevin Gardthausen</a>)</li>
<li>YAML</li>
<li>ZSH (thanks to <a href="https://github.com/Stibbons" rel="nofollow ugc">Stibbons</a>)</li>
<li>Others will be added when requested</li>
</ul>
International Languages
<ul>
<li>Arabic (thanks to Djennad Hamza),</li>
<li>Brasil Portuguese translation from Eric Sornoso (https://mealfan.com) </li>
<li>Chinese Simplified (thanks to <a href="http://smerpup.com/" rel="nofollow ugc">Dezhi Liu</a> & Jash Yin)</li>
<li>Chinese Traditional (thanks to <a href="http://www.arefly.com/" rel="nofollow ugc">Arefly</a>)</li>
<li>Dutch (thanks to <a href="https://twitter.com/RobinRoelofsen" rel="nofollow ugc">Robin Roelofsen</a> & <a href="https://twitter.com/#!/chilionsnoek" rel="nofollow ugc">Chilion Snoek</a>)</li>
<li>Finnish (thanks to <a href="https://github.com/vahalan" rel="nofollow ugc">vahalan</a>)</li>
<li>French (thanks to <a href="https://vhf.github.io" rel="nofollow ugc">Victor Felder</a>)</li>
<li>German (thanks to <a href="http://www.technologyblog.de/" rel="nofollow ugc">Stephan Knauß</a>)</li>
<li>Italian (thanks to <a href="http://www.federicobellucci.net/" rel="nofollow ugc">Federico Bellucci</a>)</li>
<li>Japanese (thanks to <a href="https://twitter.com/#!/west_323" rel="nofollow ugc">@west_323</a> and Jin Koyama from https://tabibitojin.com/) </li>
<li>Korean (thanks to <a href="https://github.com/dokenzy" rel="nofollow ugc">dokenzy</a>)</li>
<li>Lithuanian (thanks to Vincent G)</li>
<li>Norwegian (thanks to <a href="http://www.jackalworks.com/blogg" rel="nofollow ugc">Jackalworks</a>)</li>
<li>Persian (thanks to MahdiY)</li>
<li>Polish (thanks to <a href="https://github.com/toszcze" rel="nofollow ugc">Bartosz Romanowski</a>, <a href="http://rob006.net/" rel="nofollow ugc">Robert Korulczyk</a>)</li>
<li>Portuguese (thanks to <a href="http://www.adonai.eti.br" rel="nofollow ugc">Adonai S. Canez</a> and <a href="https://mealfan.com" rel="nofollow ugc">Eric S from Mealfan.com</a>)</li>
<li>Russian (thanks to <a href="http://simplelib.com" rel="nofollow ugc">Minimus</a> & <a href="http://atlocal.net/" rel="nofollow ugc">Di_Skyer</a>)</li>
<li>Slovak (thanks to Branco, <a href="https://twitter.com/#!/webhostgeeks" rel="nofollow ugc">webhostgeeks/</a>)</li>
<li>Slovenian (thanks to Jan Sušnik, <a href="http://jodlajodla.si/" rel="nofollow ugc">http://jodlajodla.si/</a>)</li>
<li>Spanish (thanks to <a href="http://www.hbravo.com/" rel="nofollow ugc">Hermann Bravo</a>)</li>
<li>Tamil (thanks to KKS21199)</li>
<li>Turkish (thanks to <a href="http://hakanertr.wordpress.com" rel="nofollow ugc">Hakan</a>)</li>
<li>Ukrainian (thanks to <a href="http://getvoip.com/blog" rel="nofollow ugc">Michael Yunat</a>)</li>
<li>Help from translators at improving/adding to this list greatly appreciated!</li>
</ul>
Articles
These are helpful for discovering new features (Links don’t work. TODO: think about moving it to my site).
<ul>
<li><a href="http://aramk.com/blog/2012/09/26/internal-post-management-crayon/" rel="nofollow ugc">Internal Post Management in Crayon</a></li>
<li><a href="http://aramk.com/blog/2012/09/26/converting-legacy-tags-to-pre/" rel="nofollow ugc">Converting Legacy Tags to <pre></a></li>
<li><a href="http://aramk.com/blog/2012/09/08/crayon-with-bbpress/" rel="nofollow ugc">Crayon with bbPress</a></li>
<li><a href="http://aramk.com/blog/2012/09/02/line-ranges-in-crayon/" rel="nofollow ugc">Line Ranges in Crayon</a></li>
<li><a href="http://aramk.com/blog/2012/03/25/crayon-tag-editor/" rel="nofollow ugc">Crayon Tag Editor</a></li>
<li><a href="http://aramk.com/blog/2011/12/25/mixed-language-highlighting-in-crayon/" rel="nofollow ugc">Mixed Language Highlighting in Crayon</a></li>
<li><a href="https://github.com/urvanov-ru/crayon-syntax-highlighter/wiki/Mini-Tags-and-Plain-Tags-in-Crayon" rel="nofollow ugc">Mini Tags And Plain Tags In Crayon</a></li>
<li><a href="https://github.com/urvanov-ru/crayon-syntax-highlighter/wiki/Inline-Tags,-%60Backquotes%60-and-Crayons-in-Comments" rel="nofollow ugc">Inline Tags</a></li>
<li><a href="https://github.com/urvanov-ru/crayon-syntax-highlighter/wiki/Enqueuing-Themes-and-Fonts-in-Crayon" rel="nofollow ugc">Enqueuing Themes and Fonts in Crayon</a></li>
</ul>
The Press
A handful of articles from others written about Crayon, thanks guys!
<ul>
<li><a href="http://thedigitalhippies.com/digital/crayon-syntax-highlighter-plugin-theme-color-previews-demo/" rel="nofollow ugc">Crayon Syntax Highlighter Plugin Theme Color Previews</a></li>
<li><a href="http://www.webworkgarage.com/2013/07/using-crayon-syntax-highlighter-wordpress-plugin-to-post-code-snippets-on-your-blog/" rel="nofollow ugc">Using Crayon Syntax Highlighter WordPress plugin to post code snippets on your blog</a></li>
<li><a href="http://www.jjpro.net/2013/01/13/how-to-post-source-code-on-wordpress-2/" rel="nofollow ugc">How to post source code on WordPress</a></li>
<li><a href="http://www.emanueleferonato.com/2013/02/01/syntax-highlighter-switched-to-crayon/" rel="nofollow ugc">Syntax highlighter switched to Crayon</a></li>
<li><a href="http://www.wordpressthemeshq.net/5-best-syntax-highlighter-plugins-for-wordpress/" rel="nofollow ugc">5 Best Syntax Highlighter Plugins for WordPress</a></li>
<li><a href="http://amecylia.com/how-to-post-source-code-wordpress/" rel="nofollow ugc">How To Post Source Code In WordPress</a></li>
<li><a href="http://icrunched.co/top-5-syntax-highlighter-wordpress-plugins/" rel="nofollow ugc">Top 5 Syntax Highlighter WordPress Plugins</a></li>
<li><a href="http://themesplugins.com/wordpress-Plugin/add-php-java-html-codes-posts-pages/" rel="nofollow ugc">Crayon Syntax Highlighter � Plugin</a></li>
<li><a href="https://bbpress.org/forums/topic/state-of-syntax-highlighter-support-in-bbpress-2/" rel="nofollow ugc">State of syntax highlighter support in bbPress 2</a></li>
<li><a href="http://www.techbrunch.fr/informations/plugin-wordpress-afficher-code-source/" rel="nofollow ugc">The ultimate plugin for displaying code in WordPress (French)</a></li>
<li><a href="http://www.trynull.com/2012/06/15/finally-wordpress-code-syntax-highlighting-that-works/" rel="nofollow ugc">Finally!, A WordPress code syntax highlighting that works</a></li>
<li><a href="http://selfpwnt.com/crayon-syntax-highlighter-and-its-studly-author/" rel="nofollow ugc">Crayon Syntax Highlighter (and its studly author)</a></li>
<li><a href="http://bit51.com/add-code-to-your-wordpress-posts-with-crayon-syntax-highlighter/" rel="nofollow ugc">Add Code To Your WordPress Posts With Crayon Syntax Highlighter</a></li>
<li><a href="http://www.wpsquare.com/syntax-highlighter-wordpress-plugins/" rel="nofollow ugc">15 Best Syntax Highlighter WordPress Plugins</a></li>
<li><a href="http://www.doitwithwp.com/displaying-code-in-wordpress-with-crayon-syntax-highlighter/" rel="nofollow ugc">Displaying Code in WordPress with Crayon </a></li>
<li><a href="http://blog.boxedpages.net/2012/03/15/abap-syntaxhighlighting-in-wordpress/" rel="nofollow ugc">ABAP Syntax Highlighting in WordPress (German)</a></li>
<li><a href="http://jstips.org/2012/04/23/crayon-syntax-highlighter-plugin/" rel="nofollow ugc">Crayon Syntax Highlighter plugin</a></li>
<li><a href="http://infodrug.ru/wordpress/kak-krasivo-vstavit-programmnyj-kod-v-wordpress-podsvetka-sintaksisa.html" rel="nofollow ugc">Crayon Syntax Highlighter (Russian)</a></li>
<li><a href="http://n-wp.ru/11513" rel="nofollow ugc">Crayon Syntax Highlighter (also Russian)</a></li>
<li><a href="http://kampungtoys.com/tag/crayon-syntax-highlighter/" rel="nofollow ugc">How To Post Source Code</a></li>
<li>http://wp-best-practices.asdf573189.com/home/good-plugins/crayon-syntax-highlighter/</li>
<li>http://www.wplover.com/2155/crayon-syntax-highlighter-plugin/</li>
<li>http://www.htmlandphp.com/scripts/crayon-syntax-highlighter.html</li>
</ul>
Donations
Thanks to all those who donate to the project:
<ul>
<li>Kay Bothfeld, (https://www.scio.de), Germany</li>
<li>Sevim Tunc, UK</li>
<li>Andreas Hauck, Germany</li>
<li>Felipe Tonello, UK</li>
<li>Zeyi Wang, USA</li>
<li>Michal Owsiak, (http://owsiak.org), Poland</li>
<li>Andres Castano, (http://acastano.com), USA</li>
<li>Alok Choudhary, (http://alokchoudhary.com), USA</li>
<li>Joe Sabate, Spain</li>
<li>Kai Chen, Canada</li>
<li>Chen Kaiyuan, China</li>
<li>Kamarul Musa, Malaysia</li>
<li>WallyWare, Inc., (https://pi-plates.com), USA</li>
<li>Stéphane Rochat, (http://stephanerochat.ch), Switzerland</li>
<li>Brennan Hale-Matthews, Canada</li>
<li>Robert Giczewski, (http://www.lazydaemon.de/), Germany</li>
<li>Hoke Media, (http://hoke.media/), USA</li>
<li>Matthew Hood, Australia</li>
<li>Brian Williams, USA</li>
<li>Christian Martens, (http://insgesamt.net/), Germany</li>
<li>Nilesh Govindrajan, (http://nileshgr.com/), India</li>
<li>ZengChun Yang, China</li>
<li>Alan Kaplan, (http://www.akaplan.com/blog), USA</li>
<li>Christopher Yarbrough, (http://chrisyarbrough.com/), Germany</li>
<li>Johann Weiher, (http://codequartett.de/), Germany</li>
<li>Samuel Deering, Australia</li>
<li>Billiard Greg, (http://billiardgreg.com/), USA</li>
<li>Performance Simulations, (http://www.performancesimulations.com/), USA</li>
<li>Lindsay Ross, (http://gravelrash.com), New Zealand</li>
<li>Ruperto Coronado Muñoz, Mexico</li>
<li>Stefan Onderka, (http://www.onderka.com), Germany</li>
<li>Peter Kellner, (http://peterkellner.net), USA</li>
<li>Open Hardware Design Group LLC, (http://opensourcehardwaregroup.com/), USA</li>
<li>Helen McManus, (http://invisiblepixels.org/InvisibleWords/), Netherlands</li>
<li>Thomas Fee, UK</li>
<li>Julie Knowles, (http://knowlesfamily.com/), USA</li>
<li>Peter Kriegel, (http://www.powershell-group.eu/), Germany</li>
<li>Geo My WP, (http://geomywp.com), USA</li>
<li>Raffael Vogler, Germany</li>
<li>Erdal Cicek, Turkey</li>
<li>Cloud-VPS, Poland</li>
<li>Łukasz Bereza, Poland</li>
<li>Laurence Scotford, UK</li>
<li>Goretity Árpád László, (http://h2co3.org/blog), Hungary</li>
<li>AdsProvider, USA</li>
<li>Alicia Ramirez, (http://aliciaramirez.com/), Canada</li>
<li>William Eisert, USA</li>
<li>Inappix Development, (http://www.inappix.com/), Switzerland</li>
<li>Stephen Sant, (http://thesantfamily.net/), UK</li>
<li>David Rodriguez, (http://davidarodriguez.com/), USA</li>
<li>Chris Moore, (http://moorecreativeideas.com/), USA</li>
<li>Sohail Ahmed, (http://sohail.io.com/), USA</li>
<li>Vanessa Garcia Espin, Spain</li>
<li>Samad Malik, (http://samadmalik.com/), USA</li>
<li>Wabbit Wanch Design, (http://www.wabbitwanch.com/), Canada</li>
<li>Inopox Ltd, (http://inopox.com/), Cyprus</li>
<li>Kho Minh Vi, (http://khominhvi.com/), UK</li>
<li>Ivan Churakov, Russia</li>
<li>Carla Macías González, Mexico</li>
<li>Saulius Stonys, Lithuania</li>
<li>Konstantin Sabel, Germany</li>
<li>Luigi Massa, (http://bwlab.it/), Italy</li>
<li>Anthony Steiner, (http://steinerd.com/), USA</li>
<li>Alexander Harvey, (http://alexharvey.eu/), UK</li>
<li>Minhazul Haque Shawon, Cyprus</li>
<li>Raam Dev, (http://raamdev.com/), USA</li>
<li>Scot Ranney, (http://scotsscripts.com/), USA</li>
<li>Nico Hartung, (http://www.loggn.de/), Germany</li>
<li>Joseph DeVenuta, USA</li>
<li>Iván Prego García, Spain</li>
<li>Johannes Luijten, (http://www.tweaking4all.com/, http://www.weethet.nl/), USA</li>
<li>Jack Fruh, (http://basementjack.com/), USA</li>
<li>Ross Barbieri, USA</li>
<li>Will, Simple Phishing Toolkit (http://www.sptoolkit.com/), USA</li>
<li>Tricia Aanderud, USA</li>
<li>Tarek Sakr, (http://centrivision.com/), USA</li>
<li>Jeff Benshetler, (http://branchpoint.net/), USA</li>
<li>Oldrich Strachota, (http://www.strachota.net/), Czech Republic</li>
<li>Dividend Ninja, (http://dividendninja.com/), Canada</li>
<li>Chris Wiegman, (http://bit51.com/), USA</li>
<li>Sven Meier, (http://www.codesix.net/), Germany</li>
<li>Christy Wiggins, (http://www.jinxyisms.com/), USA</li>
<li>eSnipe, Inc. (http://esnipe.com/), USA (again!)</li>
<li>Aliseya Wright, (http://blog.xoxothemes.com/), USA</li>
<li>Jeremy Worboys (http://complexcompulsions.com/), Australia</li>
<li>Steve McGough, Spider Creations, LLC. (http://spidercreations.net/), USA</li>
<li>eSnipe, Inc. (http://esnipe.com/), USA</li>
<li>Gerald Drouillard (http://www.drouillard.biz/), USA</li>
<li>Greg Pettit (http://blog.monkey-house.ca/), Canada</li>
<li>Waimanu Solutions (http://daveblog.waimanu.web44.net/), USA</li>
<li>Andrew McDonnell (http://blog.oldcomputerjunk.net/), Australia</li>
<li>Perry Bonewell (http://pointatthemoon.co.uk/), United Kingdom</li>
<li>Nick Weisser (http://www.openstream.ch/), Switzerland</li>
</ul>

Urvanov Syntax Highlighter

Thank you for reincarnation of great plugin! I liked crayon plugin for years, but it was abandoned and not works with PHP 8.

Best code syntax highlighter


How about the other half of Wordpress users? We stink or what?


useless for classic editor users

Reincarnation of Crayon Syntax Highlighter. Syntax Highlighter supporting multiple languages, themes, fonts, highlighting from a URL, or post text.

Code Block Pro – Beautiful Syntax Highlighting vs Urvanov Syntax Highlighter