Adds a context menu that provides the ability to add syntax hightlighting to code blocks contained in the page.

Latest Version

Version
1.4
Update
May 7, 2015
Size
24.75KiB
Developer
Category
Users
978
Rating
3.44444 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
ContextMenus
See more

Syntax Highlight Code Blocks Extension

Some blogs/websites just put snippets of code inside of a pre > code block without syntax highlighting. This is alright, but for developers reading the code, it would be helpful if it actually included syntax highlighting. This extension, on activation via the context menu, finds all pre > code blocks an highlights them with highlight.js (https://highlightjs.org/).

Icons from Simple Icon (http://simpleicon.com/code-optimization.html) and Iconspedia (http://www.iconspedia.com/icon/source-code-icon-22943.html)

- Version 1.4 adds support for converting multiline pres (w/no code block)
- Version 1.3 adds support for msdn.microsoft.com magazine code snippets
- Version 1.2 adds support for msdn.microsoft.com library simple code snippets
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Syntax Highlight Code Blocks", "version": "1.4", "description": "Adds a context menu that provides the ability to add syntax hightlighting to code blocks contained in the page.", "author": "Mackenzie Zastrow", "permissions": [ "activeTab", "contextMenus" ], "background": { "scripts": ["background.js"], "persistent": false }, "icons": { "32": "icon-32.png", "48": "icon-48.png", "128": "icon-128.png" }, "manifest_version": 2}
Read more

Similar Extensions

icon

ColorCode Extension · Developer Tools 978 1 ★ 1.22MiB

icon

Codext Extension · Developer Tools 978 4 ★ 2.48MiB

icon

Code Block Beautifier Extension · Developer Tools 978 19 ★ 305KiB

icon

Backtick Extension · Developer Tools 978 5 ★ 56.33KiB

icon

Notion Syntax Highlighter Extension · Productivity 978 4 ★ 171KiB

icon

codeblock Extension · Productivity 978 1 ★ 535KiB

icon

WorkFlowy code formatter Extension · Productivity 978 21 ★ 297KiB

icon

AceArea Extension · Developer Tools 978 6 ★ 2.17MiB

icon

monospace Extension · Developer Tools 978 6 ★ 92.37KiB

icon

textarea to code editor Extension · Developer Tools 978 12 ★ 2.6MiB

icon

Medium Code Highlighter Extension · Developer Tools 978 6 ★ 86.32KiB

icon

SourceViewer(zvSource) Extension · Developer Tools 978 4 ★ 738KiB

icon

ElectricCommander Syntax Highlighting Extension · Productivity 978 13 ★ 247KiB

icon

Clear Code Extension · Developer Tools 978 7 ★ 1.2MiB

icon

Sight Extension · Developer Tools 978 248 ★ 871KiB

icon

Syntaxtic! Extension · Developer Tools 978 200 ★ 106KiB

icon

DevTools Classes & Atributes panel Extension · Developer Tools 978 4 ★ 12.75KiB

icon

Code Formatter Extension · Developer Tools 978 35 ★ 5.9MiB

icon

GitHub Highlight Selected Extension · Developer Tools 978 17 ★ 156KiB

icon

TextEditAid Extension · Productivity 978 39 ★ 29.87KiB

icon

All in one Html Compiler Extension · Developer Tools 978 7 ★ 84.21KiB

icon

Markdown Menu for GitHub Extension · Developer Tools 978 9 ★ 5.8KiB

icon

GhostText Extension · Developer Tools 978 138 ★ 98.09KiB

icon

OctoLinker Extension · Developer Tools 978 110 ★ 184KiB

User reviews

icon

Alfonso P. Valdez Junior (ID: 000000f4d58d9443) Voted 1 ★ - Updated 11/20/2017 does not launch. returns back to chrome web store.

icon

Rodrigo Motta (ID: 00000055ca3a1fa6) Voted 3 ★ - Updated 12/13/2016 Cold have an option to choose the language to do the Syntax Highlight.

icon

ka pun (ID: 000000c314ac2eef) Voted 3 ★ - Updated 05/14/2016 How do I use?

icon

Brian Hayes (ID: 000000c121473506) Voted 2 ★ - Updated 04/27/2016 The color schemes are so bland that you might as well not even use the extension at all. The point to syntax highlighting is to be able to quickly and easily interpret code. Two or three colors that lack any real differentiation on a background that doesn't even help those colors to stand out in the first place doesn't make for easy to view code.

icon

Vinícius Campitelli (ID: 00000022142dea4a) Voted 4 ★ - Updated 03/11/2015 I really like it! But it would be real nice if there was an option to automatically highlight all code blocks without having to manually enable it in the context menu. Other color schemes would be pretty cool too =D