Toggle source

title: markdown三种解析方式
author: 零贰
date: 2020-08-09 13:04:17
category: [编程代码]
tags: [VC6,代码,学习]

markdown三种解析方式

@TOC

正文

markdown.js
下载地址：https://github.com/evilstreak/markdown-js

<!-- 输入区 -->
<textarea id="text-input" oninput="this.editor.update()">在此处输入相关markdown语句</textarea>
<!-- 显示区 -->
<div id="preview" class="pull-left"> </div>

</div>
<script>

// markdown
function Editor(input, preview) {
    this.update = function () {
        preview.innerHTML = markdown.toHTML(input.value);
    };
    input.editor = this;
    this.update();
}
var _a = function (id) { return document.getElementById(id); };
new Editor(_a("text-input"), _a("preview"));

</script>
showdown.js
下载地址：https://github.com/showdownjs/showdown
参考地址：http://www.jianshu.com/p/747d6f8dddb0
（找了一些参考网页，发现这个最有用）

<div>

<textarea id="content" style="" onkeyup="convert()"></textarea>
<div id="result">

</div>
<script src="https://cdn.bootcss.com/showdown/1.3.0/showdown.min.js";></script>
<script>

function convert(){
    //获取要转换的文字
    var text = document.getElementById("content").value;
    //创建实例
    var converter = new showdown.Converter();
    //进行转换
    var html = converter.makeHtml(text);
    //展示到对应的地方  result便是id名称
 document.getElementById("result").innerHTML = html;
}

</script>
strapdown.js
下载地址：https://github.com/arturadib/strapdown
参考地址：http://strapdownjs.com/
strapdown 有一些主题可以直接使用更改theme的属性值就可以了（主题有：amelia、cerulean、cyborg、journal、readable、simplex、slate等）

<textarea theme="united" style="display:block;">
</textarea>
<script src="strapdown.js"></script>
原文链接：https://blog.csdn.net/pengxiaotongvip/article/details/72932041

原文链接
注：知识搬运，供学习交流使用，侵联删！

showdown.js 下载地址：https://github.com/showdownjs/showdown 参考地址：http://www.jianshu.com/p/747d6f8dddb0 （找了一些参考网页，发现这个最有用）

strapdown.js 下载地址：https://github.com/arturadib/strapdown 参考地址：http://strapdownjs.com/ strapdown 有一些主题可以直接使用更改theme的属性值就可以了（主题有：amelia、cerulean、cyborg、journal、readable、simplex、slate等）原文链接：https://blog.csdn.net/pengxiaotongvip/article/details/72932041 ___ * [原文链接](https://www.cnblogs.com/yangguanglei/p/12792133.html) * 注：知识搬运，供学习交流使用，侵联删！ ___

02Blog

02Blog

markdown三种解析方式

正文