2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 在Asp.Net或.Net Core中配置使用MarkDown富文本编辑器有开源模板代码(代码是.net core3.0版本)

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

时间:2018-07-25 02:32:32

相关推荐

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

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

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。Markdown 语言在 由约翰·格鲁伯(英语: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()); //保存大家根据需要保存文本就好。 }

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。