研究如何使用Markdown你們可能要花好幾天才能搞定,但是看我的文章或者下載了原始碼,你搞定一般在10分鐘之內,我先給各位介紹下它:
Markdown 是一種輕量級標記語言,它允許人們使用易讀易寫的純文本格式撰寫檔案,Markdown 語言在 2004 由約翰·格魯伯(英語:John Gruber)創建,Markdown 撰寫的檔案可以匯出 HTML 、Word、影像、PDF、Epub 等多種格式的檔案,隨著它的越來越流行我們的網站自然不能落后,那么我來教大家怎么配置使用吧!
實作效果如圖:

1.首先你要參考markdown相關檔案庫(開源專案地址)

<link href=https://www.cnblogs.com/jiyuwu/p/"~/Lib/MarkDown/css/editormd.css" rel="stylesheet" /><link href=https://www.cnblogs.com/jiyuwu/p/"~/Lib/MarkDown/css/editormd.preview.css" rel="stylesheet" /><script src=https://www.cnblogs.com/jiyuwu/p/"~/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開發者提升競爭力和開發速度,建議盡早收藏該模板集合專案,
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/5905.html
標籤:ASP.NET
