Syntax Processors

Ace syntax editor, in read only mode.

The Ace syntax editor is loaded from the concrete5 core and used to display code in read only mode. This can be usefull for languages with unusual structure such as assembler and SQL. The Languages need to be set manually.

Ace is pretty good at picking out and processing html <tags>, so you are unlikely to need to set the option to escape html tags before processing.

Ace automatically acquires the background colour of its container, so unless you want to override the theme background, its best not to set a background colour.

Ace requires the language to be set. You can set a default language in the edit dialog and where necessary override that with an attribute languages="html" on the wrapper for the code fragment. Languages available are:abap, abc, actionscript, ada, alda, apache_conf, apex, applescript, aql, asciidoc, asl, assembly_x86, autohotkey, batchfile, bibtex, c_cpp, c9search, cirru, clojure, cobol, coffee, coldfusion, crystal, csharp, csound_document, csound_orchestra, csound_score, csp, css, curly, d, dart, diff, django, dockerfile, dot, drools, edifact, eiffel, ejs, elixir, elm, erlang, forth, fortran, fsharp, fsl, ftl, gcode, gherkin, gitignore, glsl, gobstones, golang, graphqlschema, groovy, haml, handlebars, haskell, haskell_cabal, haxe, hjson, html, html_completions, html_elixir, html_ruby, ini, io, ion, jack, jade, java, javascript, jexl, json, json5, jsoniq, jsp, jssm, jsx, julia, kotlin, latex, latte, less, liquid, lisp, livescript, logiql, logtalk, lsl, lua, luapage, lucene, makefile, markdown, mask, matlab, maze, mediawiki, mel, mips, mixal, mushcode, mushcode_high_rules, mysql, nginx, nim, nix, nsis, nunjucks, objectivec, ocaml, partiql, pascal, perl, perl6, pgsql, php, php_laravel_blade, pig, plain_text, plsql, powershell, praat, prisma, prolog, properties, protobuf, puppet, python, qml, r, raku, razor, rdoc, red, redshift, rhtml, robot, rst, ruby, rust, sac, sass, scad, scala, scheme, scrypt, scss, sh, sjs, slim, smarty, smithy, snippets, soy_template, space, sparql, sql, sqlserver, stylus, svg, swift, tcl, terraform, tex, text, textile, tmsnippet, toml, tsx, turtle, twig, typescript, vala, vbscript, velocity, verilog, vhdl, visualforce, wollok, xml, xquery, yaml, zeek.

Themes available are: Ambiance, Chaos, Chrome, Cloud9 Day, Cloud9 Night, Cloud9 Night Low Color, Clouds, Clouds Midnight, Cobalt, Crimson Editor, Dawn, Dracula, Dreamweaver, Eclipse, Github, Gob, Gruvbox, Gruvbox Dark Hard, Gruvbox Light Hard, Idle Fingers, Iplastic, Katzenmilch, Kr, Kr Theme, Kuroir, Merbivore, Merbivore Soft, Mono Industrial, Monokai, Nord Dark, One Dark, Pastel On Dark, Solarized Dark, Solarized Light, Sqlserver, Terminal, Textmate, Tomorrow, Tomorrow Night, Tomorrow Night Blue, Tomorrow Night Bright, Tomorrow Night Eighties, Twilight, Vibrant Ink, Xcode

The license for ace.js is BSD.

Diagnostic. Not a syntax processor!

Rather than processing the data passed to the syntax processor, escapes it and outputs the escaped data as a diagnostic. Can be useful when developing further syntax processors.

JavaScript based prettifier highlight.js.

Highlight.js JavaScript and themes are loaded from CDNJS Cloudflare. Most languages are automatically detected.

More information is available at https://highlightjs.org/usage/.

Languages currently provided by highlight.js are: Apache, Bash, C#, C++, CSS, CoffeeScript, Diff, HTML, XML, HTTP, Ini, JSON, Java, JavaScript, Makefile, Markdown, Nginx, Objective-C, PHP, Perl, Python, Ruby, SQL, Shell Session. \nFurther languages can be pulled in by adding a language="language_name" hint in the syntax anywhere marker. Further languages available are: 1c, abnf, accesslog, actionscript, ada, angelscript, applescript, arcade, arduino, armasm, asciidoc, aspectj, autohotkey, autoit, avrasm, awk, axapta, basic, bnf, brainfuck, c, cal, capnproto, ceylon, clean, clojure-repl, clojure, cmake, coq, cos, crmsh, crystal, csharp, csp, d, dart, delphi, django, dns, dockerfile, dos, dsconfig, dts, dust, ebnf, elixir, elm, erb, erlang-repl, erlang, excel, fix, flix, fortran, fsharp, gams, gauss, gcode, gherkin, glsl, gml, go, golo, gradle, graphql, groovy, haml, handlebars, haskell, haxe, hsp, hy, inform7, irpf90, isbl, jboss-cli, julia-repl, julia, kotlin, lasso, latex, ldif, leaf, less, lisp, livecodeserver, livescript, llvm, lsl, lua, mathematica, matlab, maxima, mel, mercury, mipsasm, mizar, mojolicious, monkey, moonscript, n1ql, nestedtext, nim, nix, node-repl, nsis, ocaml, openscad, oxygene, parser3, pf, pgsql, php-template, plaintext, pony, powershell, processing, profile, prolog, properties, protobuf, puppet, purebasic, python-repl, q, qml, r, reasonml, rib, roboconf, routeros, rsl, ruleslanguage, rust, sas, scala, scheme, scilab, scss, smali, smalltalk, sml, sqf, stan, stata, step21, stylus, subunit, swift, taggerscript, tap, tcl, thrift, tp, twig, typescript, vala, vbnet, vbscript-html, vbscript, verilog, vhdl, vim, wasm, wren, x86asm, xl, xquery, yaml, zephir

Highlight is pretty good at picking out and processing html <tags>, so you are unlikely to need to set the option to escape html tags before processing.

The option to dominate background will spread whatever background the highlight theme provides out to the overall wrapper Syntax Anywhere places about syntax formatted sections. The option to inherit background does the opposite, replacing the background provided by the theme with that provided by Syntax Anywhere.

Themes available are: Default, A11y Dark, A11y Dark Css, A11y Light, A11y Light Css, Agate, Agate Css, An Old Hope, An Old Hope Css, Androidstudio, Androidstudio Css, Arduino Light, Arduino Light Css, Arta, Arta Css, Ascetic, Ascetic Css, Atom One Dark, Atom One Dark Css, Atom One Dark Reasonable, Atom One Dark Reasonable Css, Atom One Light, Atom One Light Css, Base16 3024, Base16 3024 Css, Base16 Apathy, Base16 Apathy Css, Base16 Apprentice, Base16 Apprentice Css, Base16 Ashes, Base16 Ashes Css, Base16 Atlas, Base16 Atlas Css, Base16 Bespin, Base16 Bespin Css, Base16 Black Metal, Base16 Black Metal Bathory, Base16 Black Metal Bathory Css, Base16 Black Metal Burzum, Base16 Black Metal Burzum Css, Base16 Black Metal Css, Base16 Black Metal Dark Funeral, Base16 Black Metal Dark Funeral Css, Base16 Black Metal Gorgoroth, Base16 Black Metal Gorgoroth Css, Base16 Black Metal Immortal, Base16 Black Metal Immortal Css, Base16 Black Metal Khold, Base16 Black Metal Khold Css, Base16 Black Metal Marduk, Base16 Black Metal Marduk Css, Base16 Black Metal Mayhem, Base16 Black Metal Mayhem Css, Base16 Black Metal Nile, Base16 Black Metal Nile Css, Base16 Black Metal Venom, Base16 Black Metal Venom Css, Base16 Brewer, Base16 Brewer Css, Base16 Bright, Base16 Bright Css, Base16 Brogrammer, Base16 Brogrammer Css, Base16 Brush Trees, Base16 Brush Trees Css, Base16 Brush Trees Dark, Base16 Brush Trees Dark Css, Base16 Cave, Base16 Cave Css, Base16 Cave Light, Base16 Cave Light Css, Base16 Chalk, Base16 Chalk Css, Base16 Circus, Base16 Circus Css, Base16 Classic Dark, Base16 Classic Dark Css, Base16 Classic Light, Base16 Classic Light Css, Base16 Codeschool, Base16 Codeschool Css, Base16 Colors, Base16 Colors Css, Base16 Cupcake, Base16 Cupcake Css, Base16 Cupertino, Base16 Cupertino Css, Base16 Danqing, Base16 Danqing Css, Base16 Darcula, Base16 Darcula Css, Base16 Dark Violet, Base16 Dark Violet Css, Base16 Darkmoss, Base16 Darkmoss Css, Base16 Darktooth, Base16 Darktooth Css, Base16 Decaf, Base16 Decaf Css, Base16 Default Dark, Base16 Default Dark Css, Base16 Default Light, Base16 Default Light Css, Base16 Dirtysea, Base16 Dirtysea Css, Base16 Dracula, Base16 Dracula Css, Base16 Dune, Base16 Dune Css, Base16 Dune Light, Base16 Dune Light Css, Base16 Edge Dark, Base16 Edge Dark Css, Base16 Edge Light, Base16 Edge Light Css, Base16 Eighties, Base16 Eighties Css, Base16 Embers, Base16 Embers Css, Base16 Equilibrium Dark, Base16 Equilibrium Dark Css, Base16 Equilibrium Gray Dark, Base16 Equilibrium Gray Dark Css, Base16 Equilibrium Gray Light, Base16 Equilibrium Gray Light Css, Base16 Equilibrium Light, Base16 Equilibrium Light Css, Base16 Espresso, Base16 Espresso Css, Base16 Estuary, Base16 Estuary Css, Base16 Estuary Light, Base16 Estuary Light Css, Base16 Eva, Base16 Eva Css, Base16 Eva Dim, Base16 Eva Dim Css, Base16 Flat, Base16 Flat Css, Base16 Forest, Base16 Forest Css, Base16 Forest Light, Base16 Forest Light Css, Base16 Framer, Base16 Framer Css, Base16 Fruit Soda, Base16 Fruit Soda Css, Base16 Gigavolt, Base16 Gigavolt Css, Base16 Github, Base16 Github Css, Base16 Google Dark, Base16 Google Dark Css, Base16 Google Light, Base16 Google Light Css, Base16 Grayscale Dark, Base16 Grayscale Dark Css, Base16 Grayscale Light, Base16 Grayscale Light Css, Base16 Green Screen, Base16 Green Screen Css, Base16 Gruvbox Dark Hard, Base16 Gruvbox Dark Hard Css, Base16 Gruvbox Dark Medium, Base16 Gruvbox Dark Medium Css, Base16 Gruvbox Dark Pale, Base16 Gruvbox Dark Pale Css, Base16 Gruvbox Dark Soft, Base16 Gruvbox Dark Soft Css, Base16 Gruvbox Light Hard, Base16 Gruvbox Light Hard Css, Base16 Gruvbox Light Medium, Base16 Gruvbox Light Medium Css, Base16 Gruvbox Light Soft, Base16 Gruvbox Light Soft Css, Base16 Hardcore, Base16 Hardcore Css, Base16 Harmonic16 Dark, Base16 Harmonic16 Dark Css, Base16 Harmonic16 Light, Base16 Harmonic16 Light Css, Base16 Heath, Base16 Heath Css, Base16 Heath Light, Base16 Heath Light Css, Base16 Heetch Dark, Base16 Heetch Dark Css, Base16 Heetch Light, Base16 Heetch Light Css, Base16 Helios, Base16 Helios Css, Base16 Hopscotch, Base16 Hopscotch Css, Base16 Horizon Dark, Base16 Horizon Dark Css, Base16 Horizon Light, Base16 Horizon Light Css, Base16 Humanoid Dark, Base16 Humanoid Dark Css, Base16 Humanoid Light, Base16 Humanoid Light Css, Base16 Ia Dark, Base16 Ia Dark Css, Base16 Ia Light, Base16 Ia Light Css, Base16 Icy Dark, Base16 Icy Dark Css, Base16 Ir Black, Base16 Ir Black Css, Base16 Isotope, Base16 Isotope Css, Base16 Kimber, Base16 Kimber Css, Base16 Lakeside, Base16 Lakeside Css, Base16 Lakeside Light, Base16 Lakeside Light Css, Base16 London Tube, Base16 London Tube Css, Base16 Macintosh, Base16 Macintosh Css, Base16 Marrakesh, Base16 Marrakesh Css, Base16 Materia, Base16 Materia Css, Base16 Material, Base16 Material Css, Base16 Material Darker, Base16 Material Darker Css, Base16 Material Lighter, Base16 Material Lighter Css, Base16 Material Palenight, Base16 Material Palenight Css, Base16 Material Vivid, Base16 Material Vivid Css, Base16 Mellow Purple, Base16 Mellow Purple Css, Base16 Mexico Light, Base16 Mexico Light Css, Base16 Mocha, Base16 Mocha Css, Base16 Monokai, Base16 Monokai Css, Base16 Nebula, Base16 Nebula Css, Base16 Nord, Base16 Nord Css, Base16 Nova, Base16 Nova Css, Base16 Ocean, Base16 Ocean Css, Base16 Oceanicnext, Base16 Oceanicnext Css, Base16 One Light, Base16 One Light Css, Base16 Onedark, Base16 Onedark Css, Base16 Outrun Dark, Base16 Outrun Dark Css, Base16 Papercolor Dark, Base16 Papercolor Dark Css, Base16 Papercolor Light, Base16 Papercolor Light Css, Base16 Paraiso, Base16 Paraiso Css, Base16 Pasque, Base16 Pasque Css, Base16 Phd, Base16 Phd Css, Base16 Pico, Base16 Pico Css, Base16 Plateau, Base16 Plateau Css, Base16 Plateau Light, Base16 Plateau Light Css, Base16 Pop, Base16 Pop Css, Base16 Porple, Base16 Porple Css, Base16 Qualia, Base16 Qualia Css, Base16 Railscasts, Base16 Railscasts Css, Base16 Rebecca, Base16 Rebecca Css, Base16 Ros Pine, Base16 Ros Pine Css, Base16 Ros Pine Dawn, Base16 Ros Pine Dawn Css, Base16 Ros Pine Moon, Base16 Ros Pine Moon Css, Base16 Sagelight, Base16 Sagelight Css, Base16 Sandcastle, Base16 Sandcastle Css, Base16 Savanna, Base16 Savanna Css, Base16 Savanna Light, Base16 Savanna Light Css, Base16 Seaside, Base16 Seaside Css, Base16 Seaside Light, Base16 Seaside Light Css, Base16 Seti Ui, Base16 Seti Ui Css, Base16 Shapeshifter, Base16 Shapeshifter Css, Base16 Silk Dark, Base16 Silk Dark Css, Base16 Silk Light, Base16 Silk Light Css, Base16 Snazzy, Base16 Snazzy Css, Base16 Solar Flare, Base16 Solar Flare Css, Base16 Solar Flare Light, Base16 Solar Flare Light Css, Base16 Solarized Dark, Base16 Solarized Dark Css, Base16 Solarized Light, Base16 Solarized Light Css, Base16 Spacemacs, Base16 Spacemacs Css, Base16 Sulphurpool, Base16 Sulphurpool Css, Base16 Sulphurpool Light, Base16 Sulphurpool Light Css, Base16 Summercamp, Base16 Summercamp Css, Base16 Summerfruit Dark, Base16 Summerfruit Dark Css, Base16 Summerfruit Light, Base16 Summerfruit Light Css, Base16 Synth Midnight Terminal Dark, Base16 Synth Midnight Terminal Dark Css, Base16 Synth Midnight Terminal Light, Base16 Synth Midnight Terminal Light Css, Base16 Tango, Base16 Tango Css, Base16 Tender, Base16 Tender Css, Base16 Tomorrow, Base16 Tomorrow Css, Base16 Tomorrow Night, Base16 Tomorrow Night Css, Base16 Twilight, Base16 Twilight Css, Base16 Unikitty Dark, Base16 Unikitty Dark Css, Base16 Unikitty Light, Base16 Unikitty Light Css, Base16 Vulcan, Base16 Vulcan Css, Base16 Windows 10, Base16 Windows 10 Css, Base16 Windows 10 Light, Base16 Windows 10 Light Css, Base16 Windows 95, Base16 Windows 95 Css, Base16 Windows 95 Light, Base16 Windows 95 Light Css, Base16 Windows High Contrast, Base16 Windows High Contrast Css, Base16 Windows High Contrast Light, Base16 Windows High Contrast Light Css, Base16 Windows Nt, Base16 Windows Nt Css, Base16 Windows Nt Light, Base16 Windows Nt Light Css, Base16 Woodland, Base16 Woodland Css, Base16 Xcode Dusk, Base16 Xcode Dusk Css, Base16 Zenburn, Base16 Zenburn Css, Brown Paper, Brown Paper Css, Codepen Embed, Codepen Embed Css, Color Brewer, Color Brewer Css, Dark, Dark Css, Default Css, Devibeans, Devibeans Css, Docco, Docco Css, Far, Far Css, Felipec, Felipec Css, Foundation, Foundation Css, Github, Github Css, Github Dark, Github Dark Css, Github Dark Dimmed, Github Dark Dimmed Css, Gml, Gml Css, Googlecode, Googlecode Css, Gradient Dark, Gradient Dark Css, Gradient Light, Gradient Light Css, Grayscale, Grayscale Css, Hybrid, Hybrid Css, Idea, Idea Css, Intellij Light, Intellij Light Css, Ir Black, Ir Black Css, Isbl Editor Dark, Isbl Editor Dark Css, Isbl Editor Light, Isbl Editor Light Css, Kimbie Dark, Kimbie Dark Css, Kimbie Light, Kimbie Light Css, Lightfair, Lightfair Css, Lioshi, Lioshi Css, Magula, Magula Css, Mono Blue, Mono Blue Css, Monokai, Monokai Css, Monokai Sublime, Monokai Sublime Css, Night Owl, Night Owl Css, Nnfx Dark, Nnfx Dark Css, Nnfx Light, Nnfx Light Css, Nord, Nord Css, Obsidian, Obsidian Css, Panda Syntax Dark, Panda Syntax Dark Css, Panda Syntax Light, Panda Syntax Light Css, Paraiso Dark, Paraiso Dark Css, Paraiso Light, Paraiso Light Css, Pojoaque, Pojoaque Css, Purebasic, Purebasic Css, Qtcreator Dark, Qtcreator Dark Css, Qtcreator Light, Qtcreator Light Css, Rainbow, Rainbow Css, Routeros, Routeros Css, School Book, School Book Css, Shades Of Purple, Shades Of Purple Css, Srcery, Srcery Css, Stackoverflow Dark, Stackoverflow Dark Css, Stackoverflow Light, Stackoverflow Light Css, Sunburst, Sunburst Css, Tokyo Night Dark, Tokyo Night Dark Css, Tokyo Night Light, Tokyo Night Light Css, Tomorrow Night Blue, Tomorrow Night Blue Css, Tomorrow Night Bright, Tomorrow Night Bright Css, Vs, Vs Css, Vs2015, Vs2015 Css, Xcode, Xcode Css, Xt256, Xt256 Css

The license for highlight.js is BSD.

Apply no highlighting or line numbering.

Wraps and escapes everything and implements colour settings, but no line numbers or anything else.

JavaScript based prettifier from Google, as used by Google and Stackoverflow.

Prettify.js JavaScript and the default theme css are loaded from CDNJS. Other themes are bundled with this addon, sourced from both https://github.com/google/code-prettify and https://jmblog.github.io/color-themes-for-google-code-prettify/. Languages are automatically detected.

Prettify leaves html <tags> intact. When processed and written back to the page this could have undesirable side effects, especially when script tags are involved and the consequence could be a fatal JavaScript error. It is usually best to leave the escape html tags option set for this syntax processor.

Languages built in to prettify.js are: Bash, C, C#, C++, C++, C++, HTML, HTML, Java, JavaScript, Perl, Perl, Perl, Python, Python, Ruby, Shell, Shell, Shell, XHTML, XML, XML, XSL and other C-like syntaxes including PHP and CSS. \nFurther languages can be pulled in by adding a language="language_name" hint in the syntax anywhere marker. Further languages available are: apollo, basic, clj, css, dart, erlang, go, hs, lisp, llvm, lua, matlab, ml, mumps, n, pascal, proto, r, rd, scala, sql, tcl, tex, vb, vhdl, wiki, xq, yaml

The option to dominate background will spread whatever background the prettify theme provides out to the overall wrapper Syntax Anywhere places about syntax formatted sections. The option to inherit background does the opposite, replacing the background provided by the theme with that provided by Syntax Anywhere.

Themes available are: Default, Cave Dark, Cave Light, Desert, Doxy, Dune Dark, Dune Light, Estuary Dark, Estuary Light, Forest Dark, Forest Light, Github, Github V2, Heath Dark, Heath Light, Hemisu Dark, Hemisu Light, Lakeside Dark, Lakeside Light, Plateau Dark, Plateau Light, Savanna Dark, Savanna Light, Seaside Dark, Seaside Light, Sons Of Obsidian, Sulphurpool Dark, Sulphurpool Light, Sunburst, Tomorrow, Tomorrow Night, Tomorrow Night Blue, Tomorrow Night Bright, Tomorrow Night Eighties, Tranquil Heart, Vibrant Ink

The license for Prettify.js is Apache 2.0. The licenses for themes are Apache 2.0 for themes provided with prettify.js and MIT for the additional themes.

More information is available at https://github.com/google/code-prettify.

Prettify, with all assets provided by the web server, not from a CDN.

This version of prettify uses assets held on the web server, not from a CDN, so is suitable for sites that prefer to avoid CDN dependancies. Prettify.js JavaScript and the all themes css are bundled with this addon, sourced from both https://github.com/google/code-prettify and https://jmblog.github.io/color-themes-for-google-code-prettify/. Languages are automatically detected.

Prettify leaves html <tags> intact. When processed and written back to the page this could have undesirable side effects, especially when script tags are involved and the consequence could be a fatal JavaScript error. It is usually best to leave the escape html tags option set for this syntax processor.

The option to dominate background will spread whatever background the prettify theme provides out to the overall wrapper Syntax Anywhere places about syntax formatted sections. The option to inherit background does the opposite, replacing the background provided by the theme with that provided by Syntax Anywhere.

Themes available are: Default, Cave Dark, Cave Light, Desert, Doxy, Dune Dark, Dune Light, Estuary Dark, Estuary Light, Forest Dark, Forest Light, Github, Github V2, Heath Dark, Heath Light, Hemisu Dark, Hemisu Light, Lakeside Dark, Lakeside Light, Plateau Dark, Plateau Light, Savanna Dark, Savanna Light, Seaside Dark, Seaside Light, Sons Of Obsidian, Sulphurpool Dark, Sulphurpool Light, Sunburst, Tomorrow, Tomorrow Night, Tomorrow Night Blue, Tomorrow Night Bright, Tomorrow Night Eighties, Tranquil Heart, Vibrant Ink

The license for Prettify.js is Apache 2.0. The licenses for themes are Apache 2.0 for themes provided with prettify.js and MIT for the additional themes.

More information is available at https://github.com/google/code-prettify.

Lightweight prettifier prism.js, requires language to be specified.

Prism.js JavaScript and themes are loaded from CDNJS.

Prism.js requires all languages to be explicityly specified. Each code block needs to hint the language used by adding a language="language_name" hint in the syntax anywhere marker. If not, it will be defaulted to php. Languages pre-loaded are C and similar, css, html, html, javascript, php, php. Further languages loaded on demand are: actionscript, apacheconf, applescript, aspnet, autohotkey, bash, c, coffeescript, core, cpp, csharp, css-extras, dart, eiffel, erlang, fortran, fsharp, gherkin, git, go, groovy, haml, handlebars, haskell, http, ini, jade, java, jsx, julia, latex, less, lolcode, markdown, matlab, nasm, nsis, objectivec, pascal, perl, powershell, python, r, rest, rip, ruby, rust, sas, scala, scheme, scss, smalltalk, smarty, sql, stylus, swift, twig, typescript, wiki, yaml

Prism is pretty good at picking out and processing html <tags>, so you are unlikely to need to set the option to escape html tags before processing.

The option to dominate background will spread whatever background the prism theme provides out to the overall wrapper Syntax Anywhere places about syntax formatted sections. The option to inherit background does the opposite, replacing the background provided by the theme with that provided by Syntax Anywhere.

Themes available are: Default, Prism Coy, Prism Dark, Prism Funky, Prism Okaidia, Prism Tomorrow, Prism Twilight

The license for prism.js is MIT.

More information is available at http://prismjs.com/.

Very simply provide zebra striping and line numbers.

A minimal formatter involving no external resources, so fast to render and universally available. Simply wrap lines into a list with or without line numbers and with a hint of zebra striping.