使你的网站支持markdown

标签：markdown   ext   pos   分享图片   hub   tps   AC   图片   com   

获取showdown.js，这是改变样式所需的js

这是他们的github ,https://github.com/showdownjs/showdown
但是我们使用引入的bootcdn showdown.min.js吧。
http://www.bootcdn.cn/showdown/

进行网站的设置

html中引入

<script src="https://cdn.bootcss.com/showdown/1.8.6/showdown.js"></script>

我们的文章在一个div里，id 为postcont

<!--文章内容开始-->
    <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>
    <!--文章内容结束-->

效果：

使你的网站支持markdown

标签：markdown   ext   pos   分享图片   hub   tps   AC   图片   com   

原文地址：https://www.cnblogs.com/webdev8888/p/8971933.html