马上加入IBC程序猿 各种源码随意下,各种教程随便看! 注册 每日签到 加入编程讨论群

C#教程 ASP.NET教程 C#视频教程程序源码享受不尽 C#技术求助 ASP.NET技术求助

【源码下载】 社群合作 申请版主 程序开发 【远程协助】 每天乐一乐 每日签到 【承接外包项目】 面试-葵花宝典下载

官方一群:

官方二群:

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

  [复制链接]
查看4898 | 回复3 | 2019-11-8 09:46:34 | 显示全部楼层 |阅读模式

研究怎样利用Markdown你们大概要花好几天才气搞定,但是看我的文章大概下载了源码,你搞定一样寻常在10分钟之内。我先给各位先容下它:

Markdown 是一种轻量级标记语言,它答应人们利用易读易写的纯文本格式编写文档。Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。随着它的越来越盛行我们的网站天然不能落后,那么我来教各人怎么设置利用吧!

实现结果如图:

095026rw75kk1h1fd6jjhl.gif

1.起首你要引用markdown干系文件库(开源项目地点

095026ytgjjg10gn1tlftz.png

  1. <link href="~/Lib/MarkDown/css/editormd.css" rel="stylesheet" />
  2. <link href="~/Lib/MarkDown/css/editormd.preview.css" rel="stylesheet" />
  3. <script src="~/Lib/MarkDown/js/editormd.js"></script>
复制代码

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

  1. <div id="test-editormd">
  2. <textarea id="articleContent" style="display: none;">@Html.Raw(Model.Context)</textarea>
  3. </div>
复制代码

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

  1. $(function () {
  2. testEditor = editormd("test-editormd", {
  3. width: "99%",
  4. height: 640,
  5. syncScrolling: "single",
  6. path: "/Lib/MarkDown/lib/",
  7. saveHTMLToTextarea: true,
  8. emoji: true
  9. });
  10. });
复制代码

4.获取数据生存

  1. function btnSave() {
  2. alert("html数据:" + testEditor.getHTML());
  3. alert("markdown数据:" + testEditor.getMarkdown());
  4. //生存各人根据须要生存文本就好。
  5. }
复制代码

干系保举:

1.在Asp.Net Core中设置利用MarkDown富文本编辑器实现图片上传和截图上传(开源代码.net core3.0)

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

开源地点 动动小手,点个保举吧!

注意:我们机会屋该项目将恒久为各人提供asp.net core各种好用demo,旨在资助.net开发者提升竞争力和开发速率,发起尽早收藏该模板聚集项目

CLRSCR | 2019-11-8 11:14:35 | 显示全部楼层
支持,以后可能用得到,收藏
*滑块验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则