asp.net (core)使用markdown

研究如何使用 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 开发者提升竞争力和开发速度，建议尽早收藏该模板集合项目。