Our great sponsors
|15 days ago||20 days ago|
|MIT License||MIT License|
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
massCode v3 - An open source snippets manager is out 🚀
5 projects | dev.to | 5 Sep 2022
massCode uses Codemirror as the basis for the editor and .tmLanguage as the grammar for syntax highlighting. This tandem opens the door to over 600 existing grammars. The application currently supports more than 160 grammars. In addition to .tmLanguage, the application supports .tmTheme for themes. There is also…
pyTermTk sandbox with Pyodide + xterm.js + CodeMirror5 + other stuff
6 projects | reddit.com/r/Python | 25 Aug 2022
[Media] This is my first Rust project, a little pastebin web app called MicroBin. 🦀 It's blazingly fast 🚀🔥 and crazy safe of course
3 projects | reddit.com/r/rust | 8 May 2022
syntax highlighting is simple with https://codemirror.net/
How to add SQL editor to your django admin.
2 projects | dev.to | 1 May 2022
Official website of Codemirror.
Do you trust the Obsidian company?
8 projects | reddit.com/r/ObsidianMD | 21 Apr 2022
CodeMirror [MIT] https://codemirror.net/
3 projects | reddit.com/r/u_tilepieces | 8 Apr 2022
The project is built with itself, and uses some of the popular frontend libraries like codemirror and terser.To build a tilepieces application, read the instructions.
introducing tilepieces: An open source project to visually editing HTML documents and Web applications
4 projects | dev.to | 6 Apr 2022
Tilepieces is a software that allows you to create applications for editing HTML documents, using some of the popular interfaces of the browser developer tools (with which it is possible to integrate css edits). Tilepieces also allows you to reuse your favorite code and libraries, and exposes APIs that are useful for editing multiple files at a time. You can start using tilepieces with its progressive web application version! Why Tilepieces? Tilepieces has everything you need to manage and design the layout of all your web projects, be they newsletters, banners, websites or web applications. Any library and framework can be reused using its component data structure, similar to NPM's package.json. These data structures can be populated by the application itself. Its API and the possibility of customization make it perfect as the basis of a CMS How Tilepieces works The project is built with itself, and uses some of the popular frontend libraries like codemirror and terser. To build a tilepieces application, read the instructions. How to use Tilepieces You can start use tilepieces immediately with its progressive web application version. If you like Node.js, there is an npm package for you that will launch the application in your favourite browser.
I think that Codemirror 5 is a nice example, version 6 is somewhat hard to follow, there are way too many modules and it's hard to understand.
What is the point of this php.js file ?
2 projects | reddit.com/r/learnprogramming | 16 Mar 2022
Your first taste of emacs
13 projects | dev.to | 8 Feb 2022
Let's try an example M-! git clone https://github.com/codemirror/CodeMirror.git ~/code-mirror(Notice when you type M-! the mini buffer pops up with a shell command prompt? This is great for running quick commands). CodeMirror isn't tiny, this might take a few seconds...
Converting and customizing Markdown files to HTML with Unified, remark & rehype
12 projects | dev.to | 11 Sep 2022
Build Static Blogs with Keystone
5 projects | dev.to | 8 Sep 2022
Keystone's document field is powered by an incredible rich text editor. All the default components (headings, paragraphs, bold, italics, code blocks, etc) that you usually use to write a blog post are supported by the editor out of the box. The editor exposes an intuitive API to build your own custom components and that's what makes this blog template stand out. This template includes a few custom components in the editor that would be useful in a blog post. Eg. Hero image, Tweet embed, YouTube embed, callout, custom blockquote and custom code blocks with syntax highlighting using prism.
Laravel Markdown Blog: Publish blog posts with content in Markdown format
5 projects | dev.to | 10 Aug 2022
PrismJS - https://prismjs.com/
How to make code samples like this on the website?
6 projects | reddit.com/r/webdev | 4 Aug 2022
Just updated my portfolio with Tailwind and NextJS
2 projects | reddit.com/r/tailwindcss | 17 May 2022
Check it out Prism
Understanding SEO and Web Vitals for your NextJS site and how to improve them?
13 projects | dev.to | 1 May 2022
💡 I had later removed highlight.js altogether for prism.js in this PR.
Adding languages for code blocks.
2 projects | reddit.com/r/ObsidianMD | 24 Apr 2022
Current Prism Language Components
How to Build the Perfect Developer Portfolio 🔥
7 projects | dev.to | 22 Apr 2022
The codeblocks are highlighted using prism.js, and there is a different highlighting method used for both light and dark modes. There are also titles on the code, which are generally relative to the placement of the file within the codebase. Lastly, I added a "copy" component to the code when the user hovers, as it just makes it more convenient.
Implement ToastUI Editor with Next.JS (w/ TypeScript)
3 projects | dev.to | 5 Apr 2022
TUI Editor Core TUI Editor Github PrismJS/prism Joo Hee Kim's Medium post yceffort blog - Korean
Adding Syntax Highlighting with Line Numbers to Gatsby MDX Using prism-react-renderer
2 projects | dev.to | 26 Mar 2022
If you already haven’t integrated MDX into your project (you should because MDX is awesome), here’s the official guide on Gatsby's documentation to add it to your project. However, if you are already using Markdown Remark in your project, consider Migrating to MDX. In this post, we will integrate PrismJS syntax highlighting with MDX using prism-react-renderer. Also, we are going to add line numbers to code blocks. This is what we are aiming for:
What are some alternatives?
ace - Ace (Ajax.org Cloud9 Editor)
Monaco Editor - A browser based code editor
ProseMirror - The ProseMirror WYSIWYM editor
Draft.js - A React framework for building text editors.
quill - Quill is a modern WYSIWYG editor built for compatibility and extensibility.
vuetify - 🐉 Material Component Framework for Vue
jsoneditor - A web-based tool to view, edit, format, and validate JSON
slate - A completely customizable framework for building rich text editors. (Currently in beta.)
Tailwind CSS - A utility-first CSS framework for rapid UI development.