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

  •        140

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

https://laobubu.net/HyperMD/

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.

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

  •    Javascript

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.

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.


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.

morkdown - A simple Markdown editor

  •    Javascript

Morkdown is primarily designed to render GitHub Flavored Markdown (GFM), so it's ideal for your README.md. When rendering the Markdown, it uses the same syntax highlighter as GitHub (the Python Pygments library) and the styling is near identical to GitHub. Markdown content is parsed using [marked]marked(via brucedown), a JavaScript Markdown parser capable of parsing GFM.Morkdown is a Google Chrome App coupled to a Node server and uses CodeMirror for the editor panel.

archived-morkdown - A simple Markdown editor

  •    Javascript

Morkdown is primarily designed to render GitHub Flavored Markdown (GFM), so it's ideal for your README.md. When rendering the Markdown, it uses the same syntax highlighter as GitHub (the Python Pygments library) and the styling is near identical to GitHub. Markdown content is parsed using [marked]marked(via brucedown), a JavaScript Markdown parser capable of parsing GFM. Morkdown is a Google Chrome App coupled to a Node server and uses CodeMirror for the editor panel.

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.

markdownify - The simplest markdown editor with built in cloudinary image upload.

  •    Javascript

The simplest markdown editor with built in cloudinary image upload. Based on CodeMirror for the editor and Marked for the preview.

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.

mathdown - Collaborative markdown with math

  •    CoffeeScript

Powered by CodeMirror, MathJax and Firebase's Firepad. I'm using "CM" = CodeMirror, "MJ" = MathJax abbreviations a lot in the project. Alpha quality – will eat your math, burn your bookmarks & expose your secrets. I mean it. See for example #85 — saving would sometimes be silently broken, for half a year! I'm working to make it more robust (and tested) but for now, be careful.

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.