Add code syntax highlighting to Medium articles

Latest Version

Version
1.0.2
Update
July 26, 2019
Size
86.32KiB
Developer
macbaler.me
Category
Users
368
Rating
4.33333 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

Medium Code Highlighter Extension

A chrome browser extension which adds code syntax highlighting to Medium articles.
Forget the black-on-gray blobs of code in articles which don't embed gists or images of code!

- Adds code syntax highlighting to '
' blocks in Medium articles.
- Highlighting theme is selectable and can be changed on-the-fly (via extension popup upon icon-click) from a handful of popular themes.
-- Theme preference links to Chrome account.
- Works on all Medium articles, regardless of domain (i.e. 'medium.com', 'medium.freecodecamp.org', 'hackingandslacking.com', etc.)


*Note*
Due to Medium's innate formatting, code blocks are split line-by-line into '
' blocks, meaning the 'highlightjs' language syntax recognizer may sometimes have trouble, but for the most part it works acceptably well.                                
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Medium Code Highlighter", "version": "1.0.2", "description": "Add code syntax highlighting to Medium articles", "author": "Mac Baler", "content_security_policy": "default-src 'self'", "icons": { "16": "icons/16active.png", "32": "icons/32active.png", "48": "icons/48active.png", "128": "icons/128active.png" }, "page_action": { "default_popup": "popup/popup.html", "default_icon": { "16": "icons/16disabled.png", "32": "icons/32disabled.png", "48": "icons/48disabled.png", "128": "icons/128disabled.png" } }, "background": { "scripts": ["background.js"], "persistent": false }, "content_scripts": [ { "matches": [""], "js": ["highlightjs/highlight.pack.js", "content.js"] } ], "permissions": ["storage"], "web_accessible_resources": [ "highlightjs/styles/*.css" ]}
Read more

Similar Extensions

icon

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

icon

GML Syntax Highlighter Extension · Developer Tools 368 0 ★ 137KiB

icon

Clear Code Extension · Developer Tools 368 7 ★ 1.2MiB

icon

Syntax Highlight Code Blocks Extension · Productivity 368 9 ★ 24.75KiB

icon

Medium Play Extension · Productivity 368 2 ★ 15.42KiB

icon

Readable Medium.com Extension · Accessibility 368 3 ★ 28.55KiB

icon

Make Medium Readable Again Extension · Productivity 368 94 ★ 10.76KiB

icon

Notion Syntax Highlighter Extension · Productivity 368 4 ★ 171KiB

icon

Medium Next Generation Stats Extension · Social & Communication 368 9 ★ 2.7MiB

icon

TOC Medium Extension · Productivity 368 15 ★ 16.05KiB

icon

Better Medium Stats Extension · Social & Communication 368 30 ★ 172KiB

icon

Darker Medium Extension · Social & Communication 368 20 ★ 47.15KiB

icon

Code Medium Extension · Social & Communication 368 22 ★ 785KiB

icon

Syntaxtic! Extension · Developer Tools 368 200 ★ 106KiB

icon

Medium Enhanced Stats Extension · Social & Communication 368 37 ★ 1.62MiB

icon

medium infinity reader Extension · Productivity 368 22 ★ 15.96KiB

icon

Sight Extension · Developer Tools 368 248 ★ 871KiB

icon

OctoLinker Extension · Developer Tools 368 110 ★ 184KiB

icon

Enhanced GitHub Extension · Developer Tools 368 59 ★ 47.01KiB

icon

Export to Markdown Extension · Developer Tools 368 13 ★ 20.4KiB

icon

GitHub Hovercard Extension · Developer Tools 368 41 ★ 121KiB

icon

Unlimited Medium Extension · Productivity 368 87 ★ 41.22KiB

icon

GitHub Code Folding Extension · Developer Tools 368 16 ★ 1.06MiB

icon

File Icons for GitHub and GitLab Extension · Developer Tools 368 48 ★ 460KiB

User reviews

icon

Tanner Bennett (ID: 0000001ee8174edc) Voted 1 ★ - Updated 04/06/2021 No longer working as of 2021, at least on this page: https://medium.com/younited-tech-blog/reactception-extending-vs-code-extension-with-webviews-and-react-12be2a5898fd

icon

Mustapha Bouh (ID: 0000002fde9772fc) Voted 5 ★ - Updated 11/15/2020 This is safe to use :)

icon

Ricardo Guillen (Ry) (ID: 0000009d0e8b1f3d) Voted 5 ★ - Updated 11/08/2019 Just what i was looking for, Great extension for developer's medium readers

icon

David Howard (ID: 000000ae241df7a0) Voted 5 ★ - Updated 09/22/2019 Exactly what i was looking for, thank you!

icon

Jacob Larson (ID: 000000dcf22c857c) Voted 5 ★ - Updated 05/03/2019 Works as advertised! It makes scanning articles so much easier.