GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Haixiang6123 → Codeblock Beautifier

Haixiang6123 / Codeblock Beautifier

Licence: apache-2.0
A chrome extension for highlighting codes of Medium Articles

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

csschrome-extensionhighlightmediumbeautifier

Projects that are alternatives of or similar to Codeblock Beautifier

codeblock-beautifier
💅 A chrome extension for highlighting codes of Medium Articles
Stars: ✭ 118 (+8.26%)
Mutual labels:  medium, beautifier, highlight
Medium Unlimited
A browser extension to read medium.com articles for free without membership.
Stars: ✭ 4,482 (+4011.93%)
Mutual labels:  medium, chrome-extension
Refined Bitbucket
Chrome and Firefox extension that improves Bitbucket's user experience
Stars: ✭ 560 (+413.76%)
Mutual labels:  highlight, chrome-extension
Mmra
Make Medium Readable Again — a browser extension
Stars: ✭ 625 (+473.39%)
Mutual labels:  medium, chrome-extension
Mediumship
📚 Read all Medium stories for free!
Stars: ✭ 513 (+370.64%)
Mutual labels:  medium, chrome-extension
Chrome Medium Unlimited Reading
Chrome extension to remove Medium.com member-only article read limit. https://chrome.google.com/webstore/detail/mediumcom-unlimited-readi/keckgflodjmhejpbhfbfoioonoeeckng
Stars: ✭ 39 (-64.22%)
Mutual labels:  medium, chrome-extension
Funds
自选基金助手是一款Chrome扩展，用来快速获取关注基金的实时数据，查看自选基金的实时估值情况
Stars: ✭ 1,367 (+1154.13%)
Mutual labels:  chrome-extension
Ui Tool
UI for create-web-ext
Stars: ✭ 104 (-4.59%)
Mutual labels:  chrome-extension
Medium
📰 Developer versions of my Medium.com articles
Stars: ✭ 100 (-8.26%)
Mutual labels:  medium
Markdown Clipper
A Firefox and Google Chrome extension to clip websites and download them into a readable markdown file.
Stars: ✭ 100 (-8.26%)
Mutual labels:  chrome-extension
Darkreader
Dark Reader Chrome and Firefox extension
Stars: ✭ 12,052 (+10956.88%)
Mutual labels:  chrome-extension
React Nativeish
React Native / React Native Web Boilerplate
Stars: ✭ 106 (-2.75%)
Mutual labels:  chrome-extension
Chrome Better History
Replace the default Chrome history with this better history plugin.
Stars: ✭ 103 (-5.5%)
Mutual labels:  chrome-extension
Tabfern
Google Chrome extension for saving and restoring sets of tabs, and for switching between windows and tabs from a vertical, grouped list.
Stars: ✭ 102 (-6.42%)
Mutual labels:  chrome-extension
Devtools Ds
UI components, libraries, and templates for building robust devtools experiences.
Stars: ✭ 105 (-3.67%)
Mutual labels:  chrome-extension
Tight
A browser extension that simplifies the Slack interface, making it easier to focus.
Stars: ✭ 101 (-7.34%)
Mutual labels:  chrome-extension
Vue Table Dynamic
🎉 A dynamic table with sorting, filtering, editing, pagination, multiple select, etc.
Stars: ✭ 106 (-2.75%)
Mutual labels:  highlight
Ui Kit For Chrome Extensions
A UI template for designing the options/settings page for Chrome Extensions. It resembles the exact look as the native settings page of Chrome Browser.
Stars: ✭ 100 (-8.26%)
Mutual labels:  chrome-extension
Cromos
Cromos is a tool for downloading legitimate extensions of the Chrome Web Store and inject codes in the background of the application.
Stars: ✭ 103 (-5.5%)
Mutual labels:  chrome-extension
Commonmark Highlighter
Highlight code blocks with league/commonmark
Stars: ✭ 106 (-2.75%)
Mutual labels:  highlight
View All Similar Projects ➔

Code Block Beautifier

A chrome extension for highlighting codes of Medium Articles, but now, it can highlight codes in any websites that have <pre/> element.

You can watch a video to preview it.

中文文档请看这里

Install & Download

Check this on Chrome app store.

Then you can test it with this article.

Screenshot

Scrrenshot

How to use

How to use

Features

  • 👙 Beautify any code blocks wrapping in <pre/> automatically.

  • 👗 Beautify code blocks according to your languages preference.

  • 🔓 Auto detect what languages that the author defines

  • 🎁 Supporting Medium, StackOverflow, 简书, 知乎, W3C Plus.

  • 🎉 More than 80 themes are available. Can switch to any language highlight solutions.

  • 🎊 More than 20 language highlight themes are available. Can switch to any highlight themes you like.

Purpose

The main reason I built it is because Medium doesn't highlight our codes. Well, I know there are several ways to embed codes in the articles, but some people (like me) don't wanna create a gist or codesandbox project to highlight the codes. So most of time, I see this 🙄:

No highlight

What I expect is like this 😄:

Highlight

So I built an extension to beautify code blocks in Medium.

It can also be used for other websites that contain <pre/>. The only thing you need to do is to press the "Parse" button!

Future

There may have some problems that I haven't found for this extension yet. If you have any questions or find any bugs, please put an issue on this repo. Thank you!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].