This issue recommends an embeddable Markdown online editor, editor.md.
Editor.md is an open source, embeddable Markdown online Editor (component) built on CodeMirror, jQuery, and Marked.
Main features:
Supports general Markdown/CommonMark and GFM (GitHub Flavored Markdown) style syntax, but also features as a code editor;
Support real-time preview, image (cross-domain) upload, pre-formatted text/code/table insert, code collapse, jump to line, search and replace, read-only mode, custom style theme and multi-language syntax highlighting and other functions;
Support ToC (Table of Contents), Emoji, Task lists, @links and other Markdown extended syntax;
Support TeX scientific formulas (based on KaTeX), flow diagrams and Sequence diagrams;
Support to identify and parse HTML tags, and support custom filter tags and attribute parsing, with reliable security and almost unlimited scalability;
Support AMD/CMD modular loading (support Require.js & Sea.js), and support custom extension plug-ins;
Compatible with mainstream browsers (IE8+) and Zepto.js, and supports tablet devices such as iPad;
Installation:
Download the latest version: https://github.com/pandao/editor.md/archive/master.zip
Or install it with NPM: npm install editor.md
Or install via Bower: bower install editor.md
Use:
<link rel="stylesheet" href="editormd/css/editormd.css" /><div id="test-editor"><textarea style="display:none;">### 关于 Editor.md**Editor.md** 是一款开源的、可嵌入的 Markdown 在线编辑器(组件),基于 CodeMirror、jQuery 和 Marked 构建。</textarea></div><script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script><script src="editormd/editormd.min.js"></script><script type="text/javascript">$(function() {var editor = editormd("test-editor", {// width : "100%",// height : "100%",path : "editormd/lib/"});});</script>
give a typical example
give a typical example:
You can read more on your own.