Full-featured in-browser code editor
codemirror editor wysiwyg-editor rich-text-editor html-editorYou know all of those code screenshots you see on Twitter? Though the code's usually impressive, we saw room for improvement in the aesthetic department. Carbon makes it easy to create and share beautiful images of your source code. So what are you waiting for? Go impress all of your followers with your newfound design prowess. Visit carbon.now.sh or read our post to learn more about the project.
carbon github-gist tweets nextjs screenshot beautiful snippets codemirrorJSON-Splora is a GUI for editing, visualizing, and manipulating JSON data with jq or JavaScript. The editor is a JavaScript editor, and the input is parsed as json5. This allows for comments as well as a relaxed JSON input format. Once the editor has valid JSON, an input window will appear below, allowing you to manipulate the object with JavaScript or jq. A panel will appear to the right with the output, and updates live as the input or filter changes.
json json-splora gui jq electron codemirror json5The open source embeddable online markdown editor (component), based on CodeMirror & jQuery & Marked. It supports Standard Markdown / CommonMark and GFM (GitHub Flavored Markdown). It has full-featured support for Real-time Preview, Image Upload, Code blocks / Tables insert, Search replace, Themes, Multi-languages and lot more.
markdown editor markdown-editor codemirror katex gfm flowchart sequence-diagram toc marked commonmarkBreaks the Wall between writing and preview, in a Markdown Editor. HyperMD is a set of CodeMirror add-ons / modes / themes / commands / keymap etc.
markdown codemirror markdown-editor wysiwyg typescript editorreact-codemirror2 ships with the notion of an uncontrolled and controlled component. UnControlled consists of a simple wrapper largely powered by the inner workings of codemirror itself, while Controlled will demand state management from the user, preventing codemirror changes unless properly handled via value. The latter will offer more control and likely be more appropriate with redux heavy apps. Since codemirror ships mostly unconfigured, the user is left with the responsibility for requiring any additional resources should they be necessary. This is often the case when specifying certain language modes and themes. How to import/require these assets will vary according to the specifics of your development environment. Below is a sample to include the assets necessary to specify a mode of xml (HTML) and a material theme.
codemirror react typescript react-codemirror editor syntax ide codeReact Markdown Editor
react react-component codemirror editor code wysiwyg md markdowndroppy is a self-hosted file storage server with a web interface and capabilities to edit files and view media directly in the browser. It is particularly well-suited to be run on low-end hardware like the Raspberry Pi. droppy maintains a in-memory representation of the files directory. If you're on slow storage and/or serving 100k or more files, the initial indexing on startup will likely take some time.
self-hosted file-server cloud-storage nodejs media-server image-gallery codemirror plyr personal file server http https media cloud storage self hostedFromScratch is a little app that you can use as a quick note taking or todo app. Lets you store all the files FromScratch generates in a specified location, such as a USB-stick or other portable storage device. In this mode both the configuration files as well as your text content will be stored in a "userdata" directory alongside the FromScratch executable, or when given a directory as an argument, will store the files there.
fromscratch electron desktop react webpack scratchpad codemirrorCodeMirror community contributions
codemirrorAngular 4 and Bootstrap 4 Admin Template.
angular2 ng2 admin-dashboard blog bootstrap4 echarts promise webpack codemirror angular-2 angular admin-ui admin-template ng4 angular4 angular2-jwt angularjs angular4-component angular-componentsExperimental approach to writing CodeMirror modes
syntax highlighting editor codemirror mode grammar parserProvides CodeMirror with a parser mode for GraphQL along with a live linter and typeahead hinter powered by your GraphQL Schema.CodeMirror helpers install themselves to the global CodeMirror when they are imported.
graphql codemirrorCodeMirror is a versatile text editor implemented in JavaScript for the browser.NOTE: You need to include CodeMirror as well if you're using the CDN version, basically we access it via window.CodeMirror in the CDN version.
codemirror vue component code editorThis extension allows you to add forum to your app.Follow instructions at Podium wiki.
podium yii2 forum community discussion quilljs codemirror poll discussion-boardDownload and install TinyMCE 4 and make sure it runs correctly with default settings. Place the directory plugins/codemirror in the tinymce/plugins directory.
tinymce codemirrorThis library add Console to CodeMirror. This library could execute CodeMirror editor's code.
codemirror browserifyCodeMirror bindings for ShareDB. Adapted from @aslakhellesoy's share-codemirror. That's it. You now have two-way sync between ShareDB and CodeMirror. A full example is available in examples/.
codemirror sharedb
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.