超火的MarkDown编辑器

不安分的猿人 12天前 ⋅ 43 阅读

   

 

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插件

 

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

推荐

自己搭建了一套logoly环境,欢迎搭建来体验。

http://www.mhtclub.com/logoDesign/

也欢迎朋友们来我的博客逛逛!

http://www.mhtclub.com

一位朋友的人工智能教程。零基础,通俗易懂!


全部评论: 0

    我有话说: