先上文件代码，需要可以复制到JS文件中使用
/*
* µmarkdown.js
* markdown in under 5kb
*
* Copyright 2015, Simon Waldherr - http://simon.waldherr.eu/
* Released under the MIT Licence
* http://simon.waldherr.eu/license/mit/
*
* Github: https://github.com/simonwaldherr/micromarkdown.js/
* Version: 0.3.4
*/
/*jslint browser: true, node: true, plusplus: true, indent: 2, regexp: true, ass: true */
/*global ActiveXObject, define */
var micromarkdown = {
useajax: false,
regexobject: {
headline: /^(\#{1,6})([^\#\n]+)$/m,
code: /\s\`\`\`\n?([^`]+)\`\`\`/g,
hr: /^(?:([\*\-_] ?)+)\1\1$/gm,
lists: /^((\s*((\*|\-)|\d(\.|\))) [^\n]+)\n)+/gm,
bolditalic: /(?:([\*_~]{1,3}))([^\*_~\n]+[^\*_~\s])\1/g,
links: /!?\[([^\]<>]+)\]\(([^ \)<>]+)( "[^\(\)\"]+")?\)/g,
reflinks: /\[([^\]]+)\]\[([^\]]+)\]/g,
smlinks: /\@([a-z0-9]{3,})\@(t|gh|fb|gp|adn)/gi,
mail: /<(([a-z0-9_\-\.])+\@([a-z0-9_\-\.])+\.([a-z]{2,7}))>/gmi,
tables: /\n(([^|\n]+ *\| *)+([^|\n]+\n))((:?\-+:?\|)+(:?\-+:?)*\n)((([^|\n]+ *\| *)+([^|\n]+)\n)+)/g,
include: /[\[<]include (\S+) from (https?:\/\/[a-z0-9\.\-]+\.[a-z]{2,9}[a-z0-9\.\-\?\&\/]+)[\]>]/gi,
url: /<([a-zA-Z0-9@:%_\+.~#?&\/=]{2,256}\.[a-z]{2,4}\b(\/[\-a-zA-Z0-9@:%_\+.~#?&\/\/=]*)?)>/g,
url2: /[ \t\n]([a-zA-Z]{2,16}:\/\/[a-zA-Z0-9@:%_\+.~#?&=]{2,256}.[a-z]{2,4}\b(\/[\-a-zA-Z0-9@:%_\+.~#?&\/\/=]*)?)[ \t\n]/g
},
codeblocks: {},
parse: function (str, strict) {
'use strict';
var line, nstatus = 0,
status, cel, calign, indent, helper, helper1, helper2, count, repstr, stra, trashgc = [],
casca = 0,
i = 0,
j = 0,
crc32str = '';
str = '\n' + str + '\n';
if (strict !== true) {
micromarkdown.regexobject.lists = /^((\s*(\*|\d\.) [^\n]+)\n)+/gm;
}
str = str.replace('$&', '$&');
/* code */
while ((stra = micromarkdown.regexobject.code.exec(str)) !== null) {
crc32str = micromarkdown.crc32(stra[0]);
micromarkdown.codeblocks[crc32str] = '<code>\n' + micromarkdown.htmlEncode(stra[1]).replace(/\n/gm, '<br/>').replace(/\ /gm, ' ') + '</code>';
str = str.replace(stra[0], ' §§§' + crc32str + '§§§ ');
}
/* headlines */
while ((stra = micromarkdown.regexobject.headline.exec(str)) !== null) {
count = stra[1].length;
str = str.replace(stra[0], '<h' + count + '>' + stra[2].trim() + '</h' + count + '>').trim();
}
/* lists */
while ((stra = micromarkdown.regexobject.lists.exec(str)) !== null) {
casca = 0;
if ((stra[0].trim().substr(0, 1) === '*') || (stra[0].trim().substr(0, 1) === '-')) {
repstr = '<ul>';
} else {
repstr = '<ol>';
}
helper = stra[0].split('\n');
helper1 = [];
status = 0;
indent = false;
for (i = 0; i < helper.length; i++) {
if ((line = /^((\s*)((\*|\-)|\d(\.|\))) ([^\n]+))/.exec(helper[i])) !== null) {
if ((line[2] === undefined) || (line[2].length === 0)) {
nstatus = 0;
} else {
if (indent === false) {
indent = line[2].replace(/\t/, ' ').length;
}
nstatus = Math.round(line[2].replace(/\t/, ' ').length / indent);
}
while (status > nstatus) {
repstr += helper1.pop();
status--;
casca--;
}
while (status < nstatus) {
if ((line[0].trim().substr(0, 1) === '*') || (line[0].trim().substr(0, 1) === '-')) {
repstr += '<ul>';
helper1.push('</ul>');
} else {
repstr += '<ol>';
helper1.push('</ol>');
}
status++;
casca++;
}
repstr += '<li>' + line[6] + '</li>' + '\n';
}
}
while (casca > 0) {
repstr += '</ul>';
casca--;
}
if ((stra[0].trim().substr(0, 1) === '*') || (stra[0].trim().substr(0, 1) === '-')) {
repstr += '</ul>';
} else {
repstr += '</ol>';
}
str = str.replace(stra[0], repstr + '\n');
}
/* tables */
while ((stra = micromarkdown.regexobject.tables.exec(str)) !== null) {
repstr = '<table><tr>';
helper = stra[1].split('|');
calign = stra[4].split('|');
for (i = 0; i < helper.length; i++) {
if (calign.length <= i) {
calign.push(0);
} else if ((calign[i].trimRight().slice(-1) === ':') && (strict !== true)) {
if (calign[i][0] === ':') {
calign[i] = 3;
} else {
calign[i] = 2;
}
} else if (strict !== true) {
if (calign[i][0] === ':') {
calign[i] = 1;
} else {
calign[i] = 0;
}
} else {
calign[i] = 0;
}
}
cel = ['<th>', '<th align="left">', '<th align="right">', '<th align="center">'];
for (i = 0; i < helper.length; i++) {
repstr += cel[calign[i]] + helper[i].trim() + '</th>';
}
repstr += '</tr>';
cel = ['<td>', '<td align="left">', '<td align="right">', '<td align="center">'];
helper1 = stra[7].split('\n');
for (i = 0; i < helper1.length; i++) {
helper2 = helper1[i].split('|');
if (helper2[0].length !== 0) {
while (calign.length < helper2.length) {
calign.push(0);
}
repstr += '<tr>';
for (j = 0; j < helper2.length; j++) {
repstr += cel[calign[j]] + helper2[j].trim() + '</td>';
}
repstr += '</tr>' + '\n';
}
}
repstr += '</table>';
str = str.replace(stra[0], repstr);
}
/* bold and italic */
for (i = 0; i < 3; i++) {
while ((stra = micromarkdown.regexobject.bolditalic.exec(str)) !== null) {
repstr = [];
if (stra[1] === '~~') {
str = str.replace(stra[0], '<del>' + stra[2] + '</del>');
} else {
switch (stra[1].length) {
case 1:
repstr = ['<i>', '</i>'];
break;
case 2:
repstr = ['<b>', '</b>'];
break;
case 3:
repstr = ['<i><b>', '</b></i>'];
break;
}
str = str.replace(stra[0], repstr[0] + stra[2] + repstr[1]);
}
}
}
/* links */
while ((stra = micromarkdown.regexobject.links.exec(str)) !== null) {
if (stra[0].substr(0, 1) === '!') {
str = str.replace(stra[0], '<img src="' + stra[2] + '" alt="' + stra[1] + '" title="' + stra[1] + '" />');
} else {
str = str.replace(stra[0], '<a ' + micromarkdown.mmdCSSclass(stra[2], strict) + 'href="' + stra[2] + '">' + stra[1] + '</a>');
}
}
while ((stra = micromarkdown.regexobject.mail.exec(str)) !== null) {
str = str.replace(stra[0], '<a href="mailto:' + stra[1] + '">' + stra[1] + '</a>');
}
while ((stra = micromarkdown.regexobject.url.exec(str)) !== null) {
repstr = stra[1];
if (repstr.indexOf('://') === -1) {
repstr = 'http://' + repstr;
}
str = str.replace(stra[0], '<a ' + micromarkdown.mmdCSSclass(repstr, strict) + 'href="' + repstr + '">' + repstr.replace(/(https:\/\/|http:\/\/|mailto:|ftp:\/\/)/gmi, '') + '</a>');
}
while ((stra = micromarkdown.regexobject.reflinks.exec(str)) !== null) {
helper1 = new RegExp('\\[' + stra[2] + '\\]: ?([^ \n]+)', "gi");
if ((helper = helper1.exec(str)) !== null) {
str = str.replace(stra[0], '<a ' + micromarkdown.mmdCSSclass(helper[1], strict) + 'href="' + helper[1] + '">' + stra[1] + '</a>').replace(/^\s+|\s+$/g, '');
trashgc.push(helper[0]);
}
}
for (i = 0; i < trashgc.length; i++) {
str = str.replace(trashgc[i], '');
}
while ((stra = micromarkdown.regexobject.smlinks.exec(str)) !== null) {
switch (stra[2]) {
case 't':
repstr = 'https://twitter.com/' + stra[1];
break;
case 'gh':
repstr = 'https://github.com/' + stra[1];
break;
case 'fb':
repstr = 'https://www.facebook.com/' + stra[1];
break;
case 'gp':
repstr = 'https://plus.google.com/+' + stra[1];
break;
case 'adn':
repstr = 'https://alpha.app.net/' + stra[1];
break;
}
str = str.replace(stra[0], '<a ' + micromarkdown.mmdCSSclass(repstr, strict) + 'href="' + repstr + '">' + stra[1] + '</a>');
}
while ((stra = micromarkdown.regexobject.url2.exec(str)) !== null) {
repstr = stra[1];
str = str.replace(stra[0], '<a ' + micromarkdown.mmdCSSclass(repstr, strict) + 'href="' + repstr + '">' + repstr + '</a>');
}
/* horizontal line */
while ((stra = micromarkdown.regexobject.hr.exec(str)) !== null) {
str = str.replace(stra[0], '\n<hr/>\n');
}
/* include */
if ((micromarkdown.useajax !== false) && (strict !== true)) {
while ((stra = micromarkdown.regexobject.include.exec(str)) !== null) {
helper = stra[2].replace(/[\.\:\/]+/gm, '');
helper1 = '';
if (document.getElementById(helper)) {
helper1 = document.getElementById(helper).innerHTML.trim();
} else {
micromarkdown.ajax(stra[2]);
}
if ((stra[1] === 'csv') && (helper1 !== '')) {
helper2 = {
';': [],
'\t': [],
',': [],
'|': []
};
helper2[0] = [';', '\t', ',', '|'];
helper1 = helper1.split('\n');
for (j = 0; j < helper2[0].length; j++) {
for (i = 0; i < helper1.length; i++) {
if (i > 0) {
if (helper2[helper2[0][j]] !== false) {
if ((helper2[helper2[0][j]][i] !== helper2[helper2[0][j]][i - 1]) || (helper2[helper2[0][j]][i] === 1)) {
helper2[helper2[0][j]] = false;
}
}
}
}
}
if ((helper2[';'] !== false) || (helper2['\t'] !== false) || (helper2[','] !== false) || (helper2['|'] !== false)) {
if (helper2[';'] !== false) {
helper2 = ';';
} else if (helper2['\t']) {
helper2 = '\t';
} else if (helper2[',']) {
helper2 = ',';
} else if (helper2['|']) {
helper2 = '|';
}
repstr = '<table>';
for (i = 0; i < helper1.length; i++) {
helper = helper1[i].split(helper2);
repstr += '<tr>';
for (j = 0; j < helper.length; j++) {
repstr += '<td>' + micromarkdown.htmlEncode(helper[j]) + '</td>';
}
repstr += '</tr>';
}
repstr += '</table>';
str = str.replace(stra[0], repstr);
} else {
str = str.replace(stra[0], '<code>' + helper1.join('\n') + '</code>');
}
} else {
str = str.replace(stra[0], '');
}
}
}
str = str.replace(/ {2,}[\n]{1,}/gmi, '<br/>');
str = str.replace(/[\n]{2,}/gmi, '<br/><br/>');
for(var index in micromarkdown.codeblocks) {
if(micromarkdown.codeblocks.hasOwnProperty(index)) {
str = str.replace('§§§' + index + '§§§', micromarkdown.codeblocks[index]);
}
}
str = str.replace('$&', '$&');
return str;
},
ajax: function (str) {
'use strict';
var xhr;
if (document.getElementById(str.replace(/[\.\:\/]+/gm, ''))) {
return false;
}
if (window.ActiveXObject) {
try {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
xhr = null;
return e;
}
} else {
xhr = new XMLHttpRequest();
}
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
var ele = document.createElement('code');
ele.innerHTML = xhr.responseText;
ele.id = str.replace(/[\.\:\/]+/gm, '');
ele.style.display = 'none';
document.getElementsByTagName('body')[0].appendChild(ele);
micromarkdown.useajax();
}
};
xhr.open('GET', str, true);
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xhr.send();
},
crc32: function (string) {
"use strict";
var crc = 0,
n, x, i, len, table = ["00000000", "77073096", "EE0E612C", "990951BA", "076DC419", "706AF48F", "E963A535", "9E6495A3", "0EDB8832", "79DCB8A4", "E0D5E91E", "97D2D988", "09B64C2B", "7EB17CBD", "E7B82D07", "90BF1D91", "1DB71064", "6AB020F2", "F3B97148", "84BE41DE", "1ADAD47D", "6DDDE4EB", "F4D4B551", "83D385C7", "136C9856", "646BA8C0", "FD62F97A", "8A65C9EC", "14015C4F", "63066CD9", "FA0F3D63", "8D080DF5", "3B6E20C8", "4C69105E", "D56041E4", "A2677172", "3C03E4D1", "4B04D447", "D20D85FD", "A50AB56B", "35B5A8FA", "42B2986C", "DBBBC9D6", "ACBCF940", "32D86CE3", "45DF5C75", "DCD60DCF", "ABD13D59", "26D930AC", "51DE003A", "C8D75180", "BFD06116", "21B4F4B5", "56B3C423", "CFBA9599", "B8BDA50F", "2802B89E", "5F058808", "C60CD9B2", "B10BE924", "2F6F7C87", "58684C11", "C1611DAB", "B6662D3D", "76DC4190", "01DB7106", "98D220BC", "EFD5102A", "71B18589", "06B6B51F", "9FBFE4A5", "E8B8D433", "7807C9A2", "0F00F934", "9609A88E", "E10E9818", "7F6A0DBB", "086D3D2D", "91646C97", "E6635C01", "6B6B51F4", "1C6C6162", "856530D8", "F262004E", "6C0695ED", "1B01A57B", "8208F4C1", "F50FC457", "65B0D9C6", "12B7E950", "8BBEB8EA", "FCB9887C", "62DD1DDF", "15DA2D49", "8CD37CF3", "FBD44C65", "4DB26158", "3AB551CE", "A3BC0074", "D4BB30E2", "4ADFA541", "3DD895D7", "A4D1C46D", "D3D6F4FB", "4369E96A", "346ED9FC", "AD678846", "DA60B8D0", "44042D73", "33031DE5", "AA0A4C5F", "DD0D7CC9", "5005713C", "270241AA", "BE0B1010", "C90C2086", "5768B525", "206F85B3", "B966D409", "CE61E49F", "5EDEF90E", "29D9C998", "B0D09822", "C7D7A8B4", "59B33D17", "2EB40D81", "B7BD5C3B", "C0BA6CAD", "EDB88320", "9ABFB3B6", "03B6E20C", "74B1D29A", "EAD54739", "9DD277AF", "04DB2615", "73DC1683", "E3630B12", "94643B84", "0D6D6A3E", "7A6A5AA8", "E40ECF0B", "9309FF9D", "0A00AE27", "7D079EB1", "F00F9344", "8708A3D2", "1E01F268", "6906C2FE", "F762575D", "806567CB", "196C3671", "6E6B06E7", "FED41B76", "89D32BE0", "10DA7A5A", "67DD4ACC", "F9B9DF6F", "8EBEEFF9", "17B7BE43", "60B08ED5", "D6D6A3E8", "A1D1937E", "38D8C2C4", "4FDFF252", "D1BB67F1", "A6BC5767", "3FB506DD", "48B2364B", "D80D2BDA", "AF0A1B4C", "36034AF6", "41047A60", "DF60EFC3", "A867DF55", "316E8EEF", "4669BE79", "CB61B38C", "BC66831A", "256FD2A0", "5268E236", "CC0C7795", "BB0B4703", "220216B9", "5505262F", "C5BA3BBE", "B2BD0B28", "2BB45A92", "5CB36A04", "C2D7FFA7", "B5D0CF31", "2CD99E8B", "5BDEAE1D", "9B64C2B0", "EC63F226", "756AA39C", "026D930A", "9C0906A9", "EB0E363F", "72076785", "05005713", "95BF4A82", "E2B87A14", "7BB12BAE", "0CB61B38", "92D28E9B", "E5D5BE0D", "7CDCEFB7", "0BDBDF21", "86D3D2D4", "F1D4E242", "68DDB3F8", "1FDA836E", "81BE16CD", "F6B9265B", "6FB077E1", "18B74777", "88085AE6", "FF0F6A70", "66063BCA", "11010B5C", "8F659EFF", "F862AE69", "616BFFD3", "166CCF45", "A00AE278", "D70DD2EE", "4E048354", "3903B3C2", "A7672661", "D06016F7", "4969474D", "3E6E77DB", "AED16A4A", "D9D65ADC", "40DF0B66", "37D83BF0", "A9BCAE53", "DEBB9EC5", "47B2CF7F", "30B5FFE9", "BDBDF21C", "CABAC28A", "53B39330", "24B4A3A6", "BAD03605", "CDD70693", "54DE5729", "23D967BF", "B3667A2E", "C4614AB8", "5D681B02", "2A6F2B94", "B40BBE37", "C30C8EA1", "5A05DF1B", "2D02EF8D"];
n = 0;
x = 0;
len = string.length;
crc = crc ^ (-1);
for (i = 0; i < len; i++) {
n = (crc ^ string.charCodeAt(i)) & 0xFF;
x = "0x" + table[n];
crc = (crc >>> 8) ^ x;
}
return crc ^ (-1);
},
countingChars: function (str, split) {
'use strict';
str = str.split(split);
if (typeof str === 'object') {
return str.length - 1;
}
return 0;
},
htmlEncode: function (str) {
'use strict';
var div = document.createElement('div');
div.appendChild(document.createTextNode(str));
str = div.innerHTML;
div = undefined;
return str;
},
mmdCSSclass: function (str, strict) {
'use strict';
var urlTemp;
if ((str.indexOf('/') !== -1) && (strict !== true)) {
urlTemp = str.split('/');
if (urlTemp[1].length === 0) {
urlTemp = urlTemp[2].split('.');
} else {
urlTemp = urlTemp[0].split('.');
}
return 'class="mmd_' + urlTemp[urlTemp.length - 2].replace(/[^\w\d]/g, '') + urlTemp[urlTemp.length - 1] + '" ';
}
return '';
}
};
(function (root, factory) {
"use strict";``
if (typeof define === 'function' && define.amd) {
define([], factory);
} else if (typeof exports === 'object') {
module.exports = factory();
} else {
root.returnExports = factory();
}
}(this, function () {
'use strict';
return micromarkdown;
}));
前端引入JS文件
<script type="text/javascript" src="./micromarkdown.js"></script>
HTML代码
<td id="markdown"><textarea id="md" onkeyup="javascript:parseMD();"></textarea></td>
<td id="htmlexport"></td>
JS代码
document.getElementById('htmlexport').innerHTML = micromarkdown.htmlEncode(micromarkdown.parse(document.getElementById('md').value));
使用原理：
在这里添加你想正则匹配的内容
通过复用这块代码匹配出你想得到的内容来添加你想要的样式
网友评论