這是他們的github ,https://github.com/showdownjs/showdown
可是咱們使用引入的bootcdn showdown.min.js吧。
http://www.bootcdn.cn/showdown/css
<script src="https://cdn.bootcss.com/showdown/1.8.6/showdown.js"></script>
咱們的文章在一個div裏,id 爲postconthtml
<!--文章內容開始--> <div id="postcont" style="white-space: pre">文章內容</div> <script> var converter = new showdown.Converter(); var post = document.getElementById('postcont'); var text = post.textContent||post.innerText;//獲取文本內容, post.textContent是非ie所用,post.innerText是ie所用, var html = converter.makeHtml(text); //這裏寫成這樣是爲了兼容 post.innerHTML=html; </script> <!--文章內容結束-->
效果:
git