分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

使你的网站支持markdown

发布时间:2023-09-06 01:51责任编辑:顾先生关键词:暂无标签

获取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

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved