20+ jQuery Syntax Highlighter

jQuery Syntax Highlighter -Syntax Highlighter Plugins help bloggers to display their programming code easy readable format so that newbie developer easily can understand their scripts. So you want to Highlight their script on your website then in this post I am going to share hand-picked jQuery Syntax Highlighter for you. You can use these free Syntax Highlighter on your web based project to Highlight codes and make it awesome readable for others.

jQuery Syntax Highlighter

Following are the list of jQuery Syntax Highlighter.

Vue.js Syntax highlighting in textarea DEMO

  Vue.js Syntax highlighting in textarea

– By Macavity


Syntax Highlighting Builder for Embeds DEMO

  Syntax Highlighting Builder for Embeds

This is a tool to help create custom syntax highlighting for embedded pens. Instructions Fork this pen. – By chasebank


Syntax Highlighter Pre Code DEMO

  Syntax Highlighter Pre Code

Mas Tamvan bebrabgi tutorial cara memasang Syntax Highlighter Pre Code pada post di blogger, biasanya ini sering di sebut dengan nama syntax highlighting, Prism Syntax Highlighter, Pre Code Parser atau Pre Code Seleksi, fungsi dan keuntungan menggunakan Syntax Highlighterini adalah untuk membungkus script di postingan blog. – By tejasukmana



Prism Syntax Highlighter DEMO

  Prism Syntax Highlighter

– By arlinadesign


Custom Embedded Gist Syntax Highlighting DEMO

  Custom Embedded Gist Syntax Highlighting

This is an example of custom embedded Gist syntax highlighting, which is achieved by inspecting the default Gist classes and applying custom style overrides to those classes. – By msguerra74


Super simple CSS-only terminal window with code DEMO

  Super simple CSS-only terminal window with code

CSS illustration to display code examples (using the PrismJS syntax highlighter) . Experiment for the new spacy.io website. – By ines


Source Code Boxes (HTML, CSS, PHP, JS) DEMO

  Source Code Boxes (HTML, CSS, PHP, JS)

Responsive Source Code Boxes with Syntax Highlighting via Rainbow.js – By real-napster


Syntax Highlighter JSON formating DEMO

  Syntax Highlighter JSON formating

I’m trying to display a JSON object nicely with Alex Gorbatchev jQuery library : http://alexgorbatchev.com/SyntaxHighlighter/ but eveything displays on same line. – By hugsbrugs



Codepen embed theme – Solarized light DEMO

  Codepen embed theme - Solarized light

Codepen embed theme based on Solarized color-scheme. Would be logical to also change the syntax highlighting theme to Solarized, but I really like the twilight theme … – By atelierbram


Easy syntax highlighting with Highlight.js DEMO

  Easy syntax highlighting with Highlight.js

Surely no design masterpiece. Just a pseudo tutorial to test a combination of clipboard.js, toastr.js and highlight.js. – By burnaDLX


Live Syntax Highlighted Content-Editable DEMO

  Live Syntax Highlighted Content-Editable

– By brianmearns


Random Simple Syntax Highlighting DEMO

  Random Simple Syntax Highlighting

Working on simple syntax highlighting for Nodes in a graph editor. Does NOT work in Firefox at all. – By xgundam05


Prism Syntax Highlighting DEMO

  Prism Syntax Highlighting

– By taniarascia


Ideas for snippet specific syntax highlighting DEMO

  Ideas for snippet specific syntax highlighting

– By sheriffderek


Syntax Highlighter DEMO

  Syntax Highlighter

– By iguntur



Python Syntax Highlighting by VanillaJS DEMO

  Python Syntax Highlighting by VanillaJS

– By maxwell_alexius


Prism – Syntax Highlighting DEMO

  Prism - Syntax Highlighting

– By joe-watkins


Syntax Highlighter DEMO

  Syntax Highlighter

– By salsacobo


Prism syntax highlighting DEMO

  Prism syntax highlighting

– By zcahfb3


3D TypeScript cubes, wireframe and shading DEMO

  3D TypeScript cubes, wireframe and shading

3D cubes with wireframe and shading in TypeScript. I wanted to see how well this preprocessor works. The editor doesn’t cope with it that well quite yet. The indentation doesn’t quite work, nor does the syntax highlighting. – By ImagineProgramming



Codemirror Markdown Editor DEMO

  Codemirror Markdown Editor

I tried making my own markdown editor with this kind of syntax highlighting. I failed. Not at all but I relalized how hard it is to do something like this. – By MyXoToD


syntax highlight – prettify DEMO

  syntax highlight - prettify

– By adahei


syntax highlighting DEMO

  syntax highlighting

– By CKH4


Pattern Lab UI Themer DEMO

  Pattern Lab UI Themer

Use this to alter how you’d like the PL frontend to look like, and then export the compiled css into your target css for consumption either: – By bmuenzenmeyer


I Hope you liked Hand-picked list of jQuery Syntax Highlighter, Don’t forget to Subscribe My Public Notebook for more useful Hand-picked HTML and CSS code examples, tutorials and articles.