ibcadmin 发表于 2019-11-8 09:46:34

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

<p><strong>研究怎样利用Markdown你们大概要花好几天才气搞定,但是看我的文章大概下载了源码,你搞定一样寻常在10分钟之内。我先给各位先容下它:</strong></p>
<p>Markdown 是一种轻量级标记语言,它答应人们利用易读易写的纯文本格式编写文档。Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。随着它的越来越盛行我们的网站天然不能落后,那么我来教各人怎么设置利用吧!</p>
<p><strong>实现结果如图:</strong></p>
<p><div align="center"></div></p>
<p><strong>1.起首你要引用markdown干系文件库(<a title="机会屋通用模板项目" href="https://github.com/jiyuwu/TemplateCore" target="_blank">开源项目地点</a>)</strong></p>
<p><div align="center"></div></p>
<p> </p>
<p> </p>
<p> </p>

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

<p><strong>2.html中添加编辑器(加载数据只须要放在textarea标签内即可加载到编辑器)</strong></p>

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

<p><strong>3.设置初始化(此时暂不教各人上传图片,想相识请看我背面的博客先容)</strong></p>

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

    });

<p><strong>4.获取数据生存</strong></p>

function btnSave() {
      alert("html数据:" + testEditor.getHTML());
      alert("markdown数据:" + testEditor.getMarkdown());
      //生存各人根据须要生存文本就好。
    }

<p> </p>
<p><strong>干系保举:</strong></p>
<p>1.<ahref="https://www.cnblogs.com/jiyuwu/p/11791198.html" target="_blank">在Asp.Net Core中设置利用MarkDown富文本编辑器实现图片上传和截图上传(开源代码.net core3.0)</a></p>
<p>2.<a title="MarkDown富文本编辑器怎么加载模板文件" href="https://www.cnblogs.com/jiyuwu/p/11791101.html" rel="noopener" target="_blank">MarkDown富文本编辑器怎么加载模板文件</a></p>
<p> </p>
<p><strong><a title="通用模板项目" href="https://github.com/jiyuwu/TemplateCore" target="_blank">开源地点</a> 动动小手,点个保举吧!<br /></strong></p>
<p> </p>
<p><strong>注意:我们机会屋该项目将恒久为各人提供asp.net core各种好用demo,旨在资助.net开发者提升竞争力和开发速率,发起尽早收藏<a title="通用模板项目" href="https://github.com/jiyuwu/TemplateCore" target="_blank">该模板聚集项目</a>。</strong></p>

CLRSCR 发表于 2019-11-8 11:14:35

支持,以后可能用得到,收藏
页: [1]
查看完整版本: 在Asp.Net或.Net Core中配置使用MarkDown富文本编辑器有开源模板代码(代码