av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

JS加載解析Markdown文檔過程詳解

瀏覽:81日期:2024-05-08 10:14:51

網上有很多網站會通過.md文檔來做頁面內容,很好奇,這是怎么做的?

出于好奇,建了一個test.md文件:

# Hello World! asdfa asd *斜體文本* **粗體文本** ***斜粗體文本*** 分隔線(如下) **** * *****- - ------------GOOGLE.COM ~~刪除線~~ <u>下劃線</u>

JS加載解析Markdown文檔過程詳解

用瀏覽器打開之后,結果就被原封不動的輸出來了,瀏覽器根本不會解析這玩意... 跟阮老師的blog相差好大啊~呵呵~還是太天真了!

然后,發現:

JS加載解析Markdown文檔過程詳解

原來markdown文本還是需要用marked.js這么一個庫來解析的!于是乎,依葫蘆畫個瓢

<!doctype html><html><head> <meta charset='utf-8'/> <title>md文檔內容轉成html顯示</title></head><body> <div style='width: 500px;height: 500px;overflow: auto'></div> <div style='margin-top: 30px'> <form name='form' action='' method='post'> <select name='q'> <option value='md/gs.md'>公式</option> <option value='md/test.md'>第一個Markdown文檔</option> </select> <input type='button' value='顯示' onclick='showMarkdown()'> </form> </div> <script type='text/javascript' src=’https://cdn.jsdelivr.net/npm/marked/marked.min.js’></script> <script type='text/javascript'> function showMarkdown() { var f = form; var xmlhttp; if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else { xmlhttp = new ActiveXObject(’Microsoft.XMLHttp’); } xmlhttp.onreadystatechange = function() { if(xmlhttp.readyState == 4 && xmlhttp.status == 200) { document.getElementById(’content’).innerHTML = marked(xmlhttp.responseText); } } // 向服務器發送請求 xmlhttp.open(’GET’, f.q.value, true); xmlhttp.send(); } </script></body></html>

于是就有了下面的樣子:

JS加載解析Markdown文檔過程詳解

原理就是用ajax請求,取到 .md文件里的內容,再通過marked.js提供的marked()方法將markdown語法的文本轉成html文檔。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 久久视频精品在线 | 国产激情在线 | av黄色片 | 欧美日韩国产精品一区二区 | 亚洲最色视频 | 久久99精品视频 | 农村真人裸体丰满少妇毛片 | 日本黄色短片 | 91视频国产一区 | 国产伦一区二区三区久久 | 羞羞涩涩在线观看 | 日韩av在线一区二区三区 | 欧美精品 在线观看 | 久久精品无码一区二区三区 | 国产免费xxx | 成人免费精品视频 | 国产东北一级毛片 | 99re视频这里只有精品 | 亚洲精品久久久久久国产精华液 | 在线观看黄色电影 | 国产精品久久久 | 亚洲精品在线观 | 精品一区二区视频 | 国产成人精品网站 | 在线日韩欧美 | 国产午夜高清 | 国产露脸对白88av | 国产精品一区二区三区久久 | 6080亚洲精品一区二区 | 国产精品1区2区3区 一区中文字幕 | 69av网 | 日韩字幕一区 | 成人h免费观看视频 | 美国一级片在线观看 | 亚洲精品电影网在线观看 | 不卡一区二区三区四区 | 日韩中文字幕一区二区 | 成人免费一区二区三区牛牛 | 亚洲精品1| 一区二区三区视频在线免费观看 | 九九激情视频 |