CodeMirror Reviews

Social recommendations and mentions

• What is the proper language markup type we should use for a MakeFile code snippet?

  Alternatively, you can use the cm-editor-syntax-highlight-obsidian plugin which allows syntax highlighting for code blocks in the editor using CodeMirror which also supports GNUMake syntax highlighting. - Source: Reddit / 8 days ago

• Create a Business Language for a Rails Application

  I had a Rails app, between 2006-2018, where I created a DSL for end-users to specify report specifications. The report "Spec" language lexer/parser used techniques in Marc-André Cournoyer's book "How To Create You Own Freaking Awesome Programming Language". In addition to the new language grammer, it also supported in-line SQL where clauses, and Excel formulas. The GUI was a codemirror-backed editor with syntax... - Source: Reddit / 3 months ago

• Creating a Custom Language Code Editor Using React

  In order to achieve this, we started researching potential solutions and found Code Mirror. - Source: dev.to / 4 months ago

• The ShnooTalk programming language

  Of course you can just use the UI elements and use a different editor like code mirror or monaco, and rewrite the backend to your liking. - Source: Reddit / 5 months ago

• Innovative Rich Text Editing: Typing Affinity

  I've spent a lot of time reading through these codebases and found that reading very useful. - https://codemirror.net. - Source: Hacker News / 5 months ago

• Ask HN: How to write a rich text editor?

  Https://prosemirror.net/: A toolkit for building rich-text editors on the web ProseMirror was written by Marijn Haverbeke, who also wrote (and rewrote!) the much used [CodeMirror] editor. So the design of his "editor toolkits" are based on years of experience developing and maintaining text editors. Marijn is very responsive on all the respective discussion boards. Examples, including markdown:... - Source: Hacker News / 5 months ago

• Editable/Runnable Python In StackOverflow

  Hi Python People! Just wanted to share that I made a way to add runnable and editable Python to your StackOverflow Questions and Answers! The "brains" of the project is Pyodide, the "face" is CodeMirror, and what is in between (the skull?) is what I did. Hope this is useful to you! - Source: Reddit / 5 months ago

• Show HN: Make 3D art in your browser using Lisp and math

  It's CodeMirror! All I had to do was write a Janet grammar for it -- very easy to do. CodeMirror is pretty amazing -- I was able to implement the "edit values with your mouse" by just asking CodeMirror for the syntax node under the cursor, checking if it parsed as a number, and if so replacing it with a different string. https://codemirror.net/ https://github.com/ianthehenry/codemirror-lang-janet I went with... - Source: Hacker News / 7 months ago

• Show HN: Make 3D art in your browser using Lisp and math

  I'm using https://codemirror.net/ as the editor, and I'm basically just running an onchange event on every keystroke. Not very fancy or sophisticated. The details of what exactly happens in that event are very specific to WASM/Janet/Bauble, but I think you could do something similar with JavaScript code pretty trivially. Long-term I think I'd rather break this out into a separate page with multiple canvases inline... - Source: Hacker News / 7 months ago

• Wrighter (β) - A Powerful Markdown Blogger & A Writing Companion ⚡

  The wrighter editor is built on top of codemirror and bytemd. Codemirror is the go-to choice when it comes to flexible/hackable text editing and bytemd provides a nice wrapper for codemirror using react with some extra functionalities. I wanted to create a fork of bytemd that includes all the WYSIWYM features that I built for wrighter, but it was out of scope and takes too much time. - Source: dev.to / 7 months ago

• Help me understand how the REPL actually works

  I will just use technology I am familiar with. Tauri + CodeMirror + CM's Common Lisp mode should hopefully get me a long way. - Source: Reddit / 7 months ago

• Welcome to The Spicy Web YouTube Channel

  And the second video is an example of me converting some messy vanilla JavaScript code for initializing and accessing multiple CodeMirror code editors to clean, encapsulated, well-organized web component code. (Still vanilla!). - Source: dev.to / 7 months ago

• Apply multiple styles to contenteditable div using keyboard shortcuts

  You can check out the CodeMirror library - https://codemirror.net/ It seems to be great match for this case. - Source: Reddit / 7 months ago

• [Media] This is my first Rust project, a little pastebin web app called MicroBin. 🦀 It's blazingly fast 🚀🔥 and crazy safe of course

  Syntax highlighting is simple with https://codemirror.net/. - Source: Reddit / 11 months ago

• CodeMirror 2 - Highlight only (no editor)

  Can CodeMirror 2 be used to highlight code from a DIV or PRE tag (without the editor)? - Source: Reddit / 11 months ago

• [Feedback] Working on a bunch of content-editable HTML templates, to allow users save time creating HTML markup/content.

  Developed using the LAMP stack mainly because I'm more of a back-end (PHP) dev, and for various other reasons, like affordable web servers. The front-end is vanilla JavaScript (AJAX for dynamic stuff). I also use CodeMirror to provide the visual-code editor for programmers. - Source: Reddit / 12 months ago

• Tilepieces

  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. - Source: Reddit / 12 months ago

• introducing tilepieces: An open source project to visually editing HTML documents and Web applications

  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... - Source: dev.to / 12 months ago

• [AskJS] Front-end codebases made using vanilla JavaScript for studying

  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. - Source: Reddit / about 1 year ago

• Get text contents of a page having codemirror viewer

  I'm trying to get a clean text content from an angular codemirror viewer, but I cant seem to figure out how to get the contents directly from the page. Any ideas? - Source: Reddit / over 1 year ago

• How do online IDEs take interactive user input for programs?

  One way to do it is to use an iFrame as a text input, ideally with some sort of in-browser IDE tool like codemirror or Ace. - Source: Reddit / over 1 year ago