This link List of Extensions only provides the list of official extensions.
There are some great community extensions that are hard to find because they aren’t listed under a single resource. Some good ones are demoed here: React CodeMirror - CodeMirror component for React.
Repl.it which is a commercial supporter of codemirror has also published several extensions.
If the official codemirror website can have a section linking to various community extensions, it will make finding, contributing, and sharing such extensions much more straightforward.
Something like this is definitely going to be useful. I’m somewhat concerned about maintaining it, though. Many open-source packages are published in a short burst of enthusiasm and then immediately abandoned, and I’d hate to end up with a lot of links to inactive, broken stuff—but I also don’t really want to audit every link and check on it later.
A disclaimer at the top + an encouragement to help maintain the list with pull requests might make this manageable, I don’t know. If you have a set of links that’d make a good starting list, please post them here and I’ll set up an initial page.
A disclaimer at the top + an encouragement to help maintain the list with pull requests might make this manageable
Thanks! That would be lovely.
Given how widespread codemirror is, I’m sure that the community will pick up once they have an official channel for listing the plugins.
Here are a few of the initial extensions & components. Please start with a page for listing these and I will send your PRs on github as I hunt for more.
Quickly and easily configure the API. Versions after @uiw/react-codemirror@v4 use codemirror 6. #88. Support the features of React Hook(requires React 16.8+). Use Typescript to write, better code hints. The bundled version supports use directly in the browser #267. There are better sample previews. Support theme customization, provide theme editor.
And here are some for older versions - in case someone would like to port them to codemirror 6
Ideally, creating a separate page for these will be good since this will help people find older things that need to be ported to the latest version of codemirror.
A JavaScript experiment in switching between syntax highlighting and scope colorizing, built on JSLint and CodeMirror and inspired by Douglas Crockford.
A simulator of 8-bit CPU using the “Samphire” Microprocessor Simulator instruction set (similar to the Intel 8086 chip). “Samphire” is used for teaching CS1111 Systems Organisation at University College Cork, but it is restricted to Windows.
This project aims to recreate as much of the “Samphire” application as possible and provide a better learning experience using modern front-end web technologies
Contributing my own extensions. I guess @lqv/codemirror would go under Extensions and @lqv/codebooth would go under Components, maybe?
@lqv/codemirror, @lqv/codebooth
These packages allow you to create interactive coding tutorials by recording typing into a CodeMirror editor and then replaying it. @lqv/codemirror is a low-level package that handles recording and replaying. @lqv/codebooth builds on this, providing a family of React components (<Editor>, <FileTabs>, etc.) for building an IDE-like experience.