使你的網站支持markdown

獲取showdown.js,這是改變樣式所需的js

這是他們的github ,https://github.com/showdownjs/showdown
可是咱們使用引入的bootcdn showdown.min.js吧。
http://www.bootcdn.cn/showdown/css

進行網站的設置

html中引入

<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

相關文章
相關標籤/搜索