Description
Monod is a (relatively) secure and offline-first Markdown editor we built at TailorDev in order to learn React.js (and a bunch of JavaScript tools/libraries). We mainly dedicated two Le lab sessions to this project:
Monod alternatives and similar libraries
Based on the "Editors" category.
Alternatively, view Monod alternatives based on common mentions on social networks and blogs.
-
quill
Quill is a modern WYSIWYG editor built for compatibility and extensibility. -
slate
A completely customizable framework for building rich text editors. (Currently in beta.) -
Quasar Framework
Quasar Framework - Build high-performance VueJS user interfaces in record time -
medium-editor
Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution. -
TOAST UI Editor
🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. -
TinyMCE
The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular -
CKEditor 5
Powerful rich text editor framework with a modular architecture, modern integrations, and features like collaborative editing. -
SimpleMDE
A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking. -
bootstrap-wysiwyg
Tiny bootstrap-compatible WYSIWYG rich text editor. -
wysihtml5
Open source rich text editor based on HTML5 and the progressive-enhancement approach. Uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles. -
Trumbowyg
A lightweight and amazing WYSIWYG JavaScript editor under 10kB -
EpicEditor
EpicEditor is an embeddable JavaScript Markdown editor with split fullscreen editing, live previewing, automatic draft saving, offline support, and more. For developers, it offers a robust API, can be easily themed, and allows you to swap out the bundled Markdown parser with anything you throw at it. -
ContentTools
A JS library for building WYSIWYG editors for HTML content. -
jquery-notebook
A modern, simple and elegant WYSIWYG rich text editor. -
ckeditor-releases
Official distribution releases of CKEditor 4. -
Materio Free Vuetify VueJS Admin Template
Production Ready, Carefully Crafted, Extensive Vuetifty Free Admin Template 🤩 -
Bangle.dev
Collection of higher level rich text editing tools. It powers the local only note taking app https://bangle.io -
Everright-formEditor
:guide_dog: Powerful lowcode|vue form editor,generator,designer,builder library. It provides an easy way to create custom forms. The project is extensible, easy to use and configure, and provides many commonly used form components and functions(vue可视化低代码表单设计器、表单编辑器、element-plus vant表单设计) -
walker.js
Simple & lightweight tracking implementation layer based on attributes -
#<Sawyer::Resource:0x00007fbac98da410>
Basic operations on iterables -
Zepcode
⚗️ Zeplin extension that generates Swift snippets from colors, fonts, and layers -
React Chat UI
Build your own chat UI with React components in a few minutes. Chat UI Kit from minchat.io is an open source UI toolkit for developing web chat applications. -
react-component-widget
Component for resizing and repositioning charts, parsing transferred data when working with Recharts library.
A Non-Cloud Alternative to Google Forms that has it all.
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of Monod or a related project?
Popular Comparisons
README
Monod
Hi! I'm Monod, the Markdown Editor!
Monod is a (relatively) secure and offline-first Markdown editor we have built at TailorDev in order to learn React.js (and a bunch of other JavaScript tools and libraries). We dedicated two Le lab sessions to build the foundations of Monod:
- Introducing Le lab with “Monod”, our Markdown Editor
- Le lab #2 — Offline-First, Document Sharing, Templates: Monod is Back (not in Black)
Usage
Either use our public instance at: https://monod.lelab.tailordev.fr/, or self-host Monod at home, on your server, or even on Heroku:
Documentation
Documentation can be found in the [doc/
](doc/writing.md) directory.
Installation
Production
$ git clone https://github.com/TailorDev/monod.git
$ npm install # will run `npm run build`
$ npm prune --production
We use this
Dockerfile
to run Monod in production (which runs npm run start
from the Monod root
directory).
Development
$ git clone https://github.com/TailorDev/monod.git
$ npm install
$ npm run dev
The last command runs the development server at
http://localhost:8080
, and uses Hot Module
Replacement. You can override the default host and port through the env
variables HOST
and PORT
.
You can also start the server by running:
$ MONOD_DATA_DIR=/path/to/data npm run start
MONOD_DATA_DIR
is an environment variable that configures where the server
reads and writes Monod's data. It defaults to ./data/
(so be sure
to create that directory if you start the server with just npm run start
).
You are all set!
Other Commands
npm run build
Builds the client-side application in build/
(production ready)
npm run stats
Webpack build + generate a JSON file with metrics. We blogged about why this can be useful.
npm run lint
Runs ESLint.
npm run lint:fix
Fix all ESLint problems.
Requirements
We use node
8.0+ and npm
5.0+.
Contributing
Please, see the [CONTRIBUTING](CONTRIBUTING.md) file.
Running the Tests
$ npm run test
You can also "watch" them:
$ npm run test:watch
Code coverage is available by running:
$ npm run cov
Contributor Code of Conduct
Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms. See [CODE_OF_CONDUCT](CODE_OF_CONDUCT.md) file.
License
Monod is released under the MIT License. See the bundled [LICENSE](LICENSE.md) file for details.
*Note that all licence references and agreements mentioned in the Monod README section above
are relevant to that project's source code only.