首页 > 其他分享> > 超火的MarkDown编辑器

超火的MarkDown编辑器

2019-04-28 21:57:37 作者：互联网

Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。

优点：
1、因为是纯文本，所以只要支持Markdown的地方都能获得一样的编辑效果，可以让作者摆脱排版的困扰，专心写作。
2、操作简单。比如:WYSIWYG编辑时标记个标题，先选中内容，再点击导航栏的标题按钮，选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可

缺点：
1、需要记一些语法（当然，是很简单。五分钟学会）。
2、有些平台不支持Markdown编辑模式。

Md项目源码在github上托管着

项目源码地址：https://github.com/pandao/editor.md

官网的示例教程在这里
运行的效果如下：

今天带大家一起来搭建一个简单的MarkDown的应用。

1.页面引入js，css

<link rel="stylesheet" href="${re.contextPath}/editor/css/style.css"/>
    <link rel="stylesheet" href="${re.contextPath}/editor/css/editormd.css"/>
<script src="${re.contextPath}/jquery.min.js"></script>
<script src="${re.contextPath}/editor/editormd.min.js"></script>

2.初始化加载

 var testEditor;

    $(function () {
        testEditor = editormd("test-editormd", {
            width: "90%",
            height: 640,
            syncScrolling: "single",
            path: "${re.contextPath}/editor/lib/",
            imageUpload: true,
            imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
            imageUploadURL: "/file",
            saveHTMLToTextarea: true
            // previewTheme : "dark"
        });
    });

3.运行效果

常用的markDown工具

1. Typora：Windows 平台最好的写作应用
2. MarkdownPad 一款全功能的编辑器，被很多人称赞为windows 平台最好用的markdown编辑器
3. MdCharm 功能完备；长相一般，隐藏菜单栏后也算简约。有Windows 和Linux版本。目前已开源，不再更新。
4. Simplenote：最全面的跨平台写作工具
5. Laverna：Dropbox 同步的写作工具
6. WebStorm,Sublime,Notepad等工具都有Markdown插件

希望你帮到你！喜欢的点个关注！