simplemde-markdown-editor - A simple, beautiful, and embeddable JavaScript Markdown editor

  •        34

A drop-in JavaScript textarea replacement for writing beautiful and understandable Markdown. The WYSIWYG-esque editor allows users who may be less experienced with Markdown to use familiar toolbar buttons and shortcuts. In addition, the syntax is rendered while editing to clearly show the expected result. Headings are larger, emphasized words are italicized, links are underlined, etc. SimpleMDE is one of the first editors to feature both built-in autosaving and spell checking. WYSIWYG editors that produce HTML are often complex and buggy. Markdown solves this problem in many ways, plus Markdown can be rendered natively on more platforms than HTML. However, Markdown is not a syntax that an average user will be familiar with, nor is it visually clear while editing. In otherwords, for an unfamiliar user, the syntax they write will make little sense until they click the preview button. SimpleMDE has been designed to bridge this gap for non-technical users who are less familiar with or just learning Markdown syntax.

https://github.com/NextStepWebs/simplemde-markdown-editor
https://github.com/sparksuite/simplemde-markdown-editor

Dependencies:

codemirror : *
codemirror-spell-checker : *
marked : *

Tags
Implementation
License
Platform

   




Related Projects

Toast UI Editor - Markdown Wysiwyg Editor

  •    Javascript

Today CommonMark is the de-facto Markdown standard. And GFM (GitHub Flavored Markdown) is another popular specification based on CommonMark maintained by GitHub which is known as the biggest Markdown user. ToastUI Editor respects CommonMark and GFM specifications. Write documents with easy and productive tools provided by ToastUI Editor. You can open this document wherever the specifications are supported.

vue-simplemde - 📝Vue-SimpleMDE - use simplemde with vue.js

  •    Vue

Markdown Editor component for Vue.js. Support only vue2.x. vue-simplemde is open source and released under the MIT Licence.

rich-markdown-editor - The open source React and Slate based markdown editor that powers Outline wiki

  •    Javascript

A React and Slate based editor that powers the Outline wiki and can also be used for displaying content in a read-only fashion. The editor is WYSIWYG and includes many formatting tools whilst retaining the ability to write markdown shortcuts inline and output Markdown. See a working example in the example directory.

HyperMD - A WYSIWYG Markdown Editor for browsers. Break the Wall between writing and previewing.

  •    TypeScript

Breaks the Wall between writing and preview, in a Markdown Editor. HyperMD is a set of CodeMirror add-ons / modes / themes / commands / keymap etc.


canner-slate-editor - 📝Rich Text / WYSIWYG Editor built for Modularity and Extensibility.

  •    Javascript

📝 Rich text / WYSIWYG editor focus on modularity and extensibility, build on top of Slate framework with beautiful designs and high-level APIs. Since this project is originally started from Canner, we notice that there is NO SINGLE editor is going to fit in all varieties of requirements, so we think the only way to solve this issue is to design a modular-first editor.

markdown wysiwyg

  •    Python

Markdown wysiwyg - A web based wysiwyg editor for John Gruber's Markdown. This allows a gentle introduction to Markdown for novices. Works with Mozilla and IE. Not yet tested with safari or konqueror.

MarkdownMonster - An extensible Markdown Editor, Viewer and Weblog Publisher for Windows

  •    CSharp

Markdown Monster is an easy to use and extensible Markdown Editor, Viewer and Weblog Publisher for Windows. Our goal is to provide the best Markdown specific editor for Windows and make it as easy as possible to create Markdown documents. We provide a core editor and previewer, and a number of non-intrusive helpers to help embed content like images, links, tables, code and more into your documents with minimal effort. Markdown Monster is highly customizable and you can adjust the main window theme, the editor and preview themes using plain HTML/CSS based templates. You can also use our Snippets and Commander addins to automate Markdown Monster, or create full blown addins that can access and update active documents as well as add new UI features to the application.

Hallo - Simple rich text editor (contentEditable) for jQuery UI

  •    CoffeeScript

Hallo is a very simple in-place rich text editor for web pages. It uses jQuery UI and the HTML5 contentEditable functionality to edit web content.The widget has been written as a simple and liberally licensed editor. It doesn't aim to replace popular editors like Aloha, but instead to provide a simpler and more reusable option.

pen - enjoy live editing (+markdown)

  •    Javascript

You can clone the source code from github, or using bower.You can set defaults.textarea to a piece of HTML string, by default, it's <textarea name="content"></textarea>。This will be set as innerHTML of your #editor.

react-rte - Pure React rich text "WYSISYG" editor based on draft-js.

  •    Javascript

This is a UI component built completely in React that is meant to be a full-featured textarea replacement similar to CKEditor, TinyMCE and other rich text "WYSIWYG" editors. It's based on the excellent, open source Draft.js from Facebook which is performant and production-tested. RichTextEditor is the main editor component. It is comprised of the Draft.js <Editor>, some UI components (e.g. toolbar) and some helpful abstractions around getting and setting content with HTML/Markdown.

macdown - Open source Markdown editor for macOS.

  •    Objective-C

MacDown is an open source Markdown editor for OS X, released under the MIT License. The author stole the idea from Chen Luo’s Mou so that people can make crappy clones. Visit the project site for more information, or download MacDown.app.zip directly from the latest releases page.

twig - A modern macOS markdown editor - themeable, tabs, sidebar, github flavored markdown, exporting, latex and more

  •    Swift

Twig is lightweight macOS markdown editor. It's currently a work in progress. See CONTRIBUTING.md for details on how to contribute.

medium-editor-markdown - :pencil: A Medium Editor extension to add markdown support.

  •    Javascript

A Medium Editor extension to add markdown support. Click here to see the Medium Editor project.

markdown-mode - Emacs Markdown Mode

  •    Emacs

markdown-mode is a major mode for editing Markdown-formatted text. The latest stable version is markdown-mode 2.3, released on August 31, 2017. See the release notes for details. markdown-mode is free software, licensed under the GNU GPL, version 3 or later. The primary documentation for Markdown Mode is available below, and is generated from comments in the source code. For a more in-depth treatment, the Guide to Markdown Mode for Emacs covers Markdown syntax, advanced movement and editing in Emacs, extensions, configuration examples, tips and tricks, and a survey of other packages that work with Markdown Mode. Finally, Emacs is also a self-documenting editor. This means that the source code itself contains additional documentation: each function has its own docstring available via C-h f (describe-function), individual keybindings can be investigated with C-h k (describe-key), and a complete list of keybindings is available using C-h m (describe-mode).

react-mde - React Markdown Editor

  •    TypeScript

A simple yet powerful and extensible Markdown Editor editor for React. React-mde is built on top of Draft.js. React-mde is a completely controlled component.

retext - ReText: Simple but powerful editor for Markdown and reStructuredText

  •    Python

ReText is a simple but powerful editor for Markdown and reStructuredText markup languages. ReText is written in Python language and works on Linux and other POSIX-compatible platforms. To install ReText from the cloned repository, use setup.py install command (by default it installs system wide, pass the --user option for installing into the user’s home directory). You can read more about ReText in the wiki.

Abricotine - Markdown editor with inline preview

  •    Javascript

In Abricotine, you can preview your document directly in the text editor rather than in a side pane. Abricotine is an open-source software based on modern web technologies (HTML5, CSS3 & Node.js).

markdown-preview-enhanced - One of the 'BEST' markdown preview extensions for Atom editor!

  •    HTML

Markdown Preview Enhanced is an extension that provides you with many useful functionalities such as automatic scroll sync, math typesetting, mermaid, PlantUML, pandoc, PDF export, code chunk, presentation writer, etc. A lot of its ideas are inspired by Markdown Preview Plus and RStudio Markdown. Feel free to ask questions, post issues, submit pull request, and request new features.