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

研究如何使用markdown你们可能要花好几天才能搞定，但是看我的文章或者下载了源码，你搞定一般在10分钟之内。我先给各位介绍下它：

markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。markdown 语言在 2004 由约翰·格鲁伯（英语：john gruber）创建。markdown 编写的文档可以导出 html 、word、图像、pdf、epub 等多种格式的文档。随着它的越来越流行我们的网站自然不能落后，那么我来教大家怎么配置使用吧！

实现效果如图：

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

 

 

 

<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标签内即可加载到编辑器）

<div id="test-editormd">
        <textarea id="articlecontent" style="display: none;">@html.raw(model.context)</textarea>
    </div>

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

$(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());
        //保存大家根据需要保存文本就好。
    }

 

相关推荐：

1.在asp.net core中配置使用markdown富文本编辑器实现图片上传和截图上传（开源代码.net core3.0）

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

 

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

 

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