在Asp.Net或.Net Core中配置使用MarkDown富文本编辑器有开源模板代码（代码是.net core3.0版本）

时间 2019-11-06

标签 asp.net asp core 配置使用 markdown 文本编辑器开源模板代码 core3.0 版本栏目 ASP 繁體版

原文原文链接

研究如何使用Markdown大家可能要花好几天才能搞定，可是看个人文章或者下载了源码，你搞定通常在10分钟以内。我先给各位介绍下它：css

Markdown 是一种轻量级标记语言，它容许人们使用易读易写的纯文本格式编写文档。Markdown 语言在 2004 由约翰·格鲁伯（英语：John Gruber）建立。Markdown 编写的文档能够导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。随着它的愈来愈流行咱们的网站天然不能落后，那么我来教你们怎么配置使用吧！html

实现效果如图：git

1.首先你要引用markdown相关文件库（开源项目地址）github

<link href="~/Lib/MarkDown/css/editormd.css" rel="stylesheet" />
<link href="~/Lib/MarkDown/css/editormd.preview.css" rel="stylesheet" />
<script src="~/Lib/MarkDown/js/editormd.js"></script>

2.html中添加编辑器（加载数据只须要放在textarea标签内便可加载到编辑器）markdown

<div id="test-editormd">
        <textarea id="articleContent" style="display: none;">@Html.Raw(Model.Context)</textarea>
    </div>

3.设置初始化（此时暂不教你们上传图片，想了解请看我后面的博客介绍）asp.net

$(function () {
        testEditor = editormd("test-editormd", {
            width: "99%",
            height: 640,
            syncScrolling: "single",
            path: "/Lib/MarkDown/lib/",
            saveHTMLToTextarea: true,
            emoji: true
        });

    });

4.获取数据保存编辑器

function btnSave() {
        alert("html数据：" + testEditor.getHTML());
        alert("markdown数据：" + testEditor.getMarkdown());
        //保存你们根据须要保存文本就好。
    }

2.MarkDown富文本编辑器怎么加载模板文件.net

开源地址动动小手，点个推荐吧！

注意：咱们机遇屋该项目将长期为你们提供asp.net core各类好用demo，旨在帮助.net开发者提高竞争力和开发速度，建议尽早收藏该模板集合项目。