在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開發者提高競爭力和開發速度，建議儘早收藏該模板集合項目。