Top 10 JavaScript syntax-highlighting Projects
-
Added block code syntax highlight using highlight.js
-
remarkable
Markdown parser, done right. Commonmark support, extensions, syntax plugins, high speed - all in one. Gulp and metalsmith plugins available. Used by Facebook, Docusaurus and many others! Use https://github.com/breakdance/breakdance for HTML-to-markdown conversion. Use https://github.com/jonschlinkert/markdown-toc to generate a table of contents.
Project mention: BREAKING!! NPM package ‘ua-parser-js’ with more than 7M weekly download is compromised | reddit.com/r/programming | 2021-10-22Since then they've made things that are IMO quite useful, like enquirer, micromatch, and remarkable.
-
Scout APM
Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
-
markdown-plus-plus
Markdown syntax highlighting for Notepad++, by customized UDL file (user defined language)
Project mention: Mahou Shoujo Madoka☆Magica Rewatch - Episode 2 Discussion | reddit.com/r/anime | 2021-04-21This is why I always pre-type my comments in Notepad++, which also has a markdown extension that includes some syntax highlighting for things like headers, bold, italics, lists, links, and even /u/ tags (which was surprising but probably just a result of the / at the beginning). This lets you see what's going to come out in reddit's markdown pretty nicely.
-
13. Styled components
-
Project mention: Is this code snippet styled with CSS? If so, any ideas on how it was styled this way? | reddit.com/r/css | 2021-11-20
-
Project mention: Is this code snippet styled with CSS? If so, any ideas on how it was styled this way? | reddit.com/r/css | 2021-11-20
-
Project mention: Is this code snippet styled with CSS? If so, any ideas on how it was styled this way? | reddit.com/r/css | 2021-11-20
-
-
Project mention: How to add syntax highlighting to Code Snippets on your website, app or blog | dev.to | 2021-10-13
There are a couple of choices to bring it into your project. If you're already using a JS Bundler (e.g. esbuild or Webpack) you can setup the Babel Plugin for Prism. For our demonstration we'll do this the old, simple way, writing our HTML tags directly.
-
Here is an example of a plugin to highlight code: rehype-highlight.
-
eleventy-classic-blog-starter
A starter repository for a classic blog website using the Eleventy SSG
JavaScript syntax-highlighting related posts
- Is this code snippet styled with CSS? If so, any ideas on how it was styled this way?
- JEdit – Programmer's Text Editor
- Tale of the Tape: Highlight.js vs Shiki
- The problem with code screenshots and how to fix it
- Adding syntax highlighting to a Rails app with PrismJs
- Explain JS libraries to me like I'm 5
- how to Word by Word colouring?
Index
What are some of the best open-source syntax-highlighting projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Highlight.js | 19,235 |
| 2 | remarkable | 5,238 |
| 3 | markdown-plus-plus | 1,335 |
| 4 | vscode-styled-components | 746 |
| 5 | refractor | 421 |
| 6 | lowlight | 384 |
| 7 | gatsby-remark-vscode | 276 |
| 8 | babel-plugin-prismjs | 129 |
| 9 | rehype-highlight | 61 |
| 10 | eleventy-classic-blog-starter | 14 |
Are you hiring? Post a new remote job listing for free.
