diff --git a/src/resources/showdown.js b/src/resources/showdown.js
new file mode 100644
index 00000000..49716fd3
--- /dev/null
+++ b/src/resources/showdown.js
@@ -0,0 +1,176 @@
+var placeholder = document.getElementById('placeholder');
+var renderer = new showdown.Converter({simplifiedAutoLink: 'true',
+ excludeTrailingPunctuationFromURLs: 'true',
+ strikethrough: 'true',
+ tables: 'true',
+ tasklists: 'true',
+ literalMidWordUnderscores: 'true',
+ extensions: ['headinganchor']
+ });
+
+var toc = []; // Table of contents as a list
+
+// Parse the html's headings and construct toc[].
+var parseHeadings = function(html) {
+ toc = [];
+ var parser = new DOMParser();
+ var htmlDoc = parser.parseFromString(html, 'text/html');
+ var eles = htmlDoc.querySelectorAll("h1, h2, h3, h4, h5, h6");
+
+ for (var i = 0; i < eles.length; ++i) {
+ var ele = eles[i];
+ var level = parseInt(ele.tagName.substr(1));
+
+ toc.push({
+ level: level,
+ anchor: ele.id,
+ title: ele.innerText
+ });
+ }
+
+ delete parser;
+};
+
+var markdownToHtml = function(markdown, needToc) {
+ var html = renderer.makeHtml(markdown);
+
+ // Parse the html to init toc[].
+ parseHeadings(html);
+
+ if (needToc) {
+ return html.replace(/
\[TOC\]<\/p>/ig, '
');
+ } else {
+ return html;
+ }
+};
+
+// Handle wrong title levels, such as '#' followed by '###'
+var toPerfectToc = function(toc) {
+ var i;
+ var curLevel = 1;
+ var perfToc = [];
+ for (i in toc) {
+ var item = toc[i];
+ while (item.level > curLevel + 1) {
+ curLevel += 1;
+ var tmp = { level: curLevel,
+ anchor: item.anchor,
+ title: '[EMPTY]'
+ };
+ perfToc.push(tmp);
+ }
+ perfToc.push(item);
+ curLevel = item.level;
+ }
+ return perfToc;
+};
+
+var itemToHtml = function(item) {
+ return '' + item.title + '';
+};
+
+// Turn a perfect toc to a tree using
+var tocToTree = function(toc) {
+ var i;
+ var front = '
';
+ var ending = ['
'];
+ var curLevel = 1;
+ for (i in toc) {
+ var item = toc[i];
+ if (item.level == curLevel) {
+ front += '';
+ front += '
';
+ front += itemToHtml(item);
+ } else if (item.level > curLevel) {
+ // assert(item.level - curLevel == 1)
+ front += '
';
+ ending.push('
');
+ front += '
';
+ front += itemToHtml(item);
+ ending.push('
');
+ curLevel = item.level;
+ } else {
+ while (item.level < curLevel) {
+ var ele = ending.pop();
+ front += ele;
+ if (ele == '
') {
+ curLevel--;
+ }
+ }
+ front += '';
+ front += '
';
+ front += itemToHtml(item);
+ }
+ }
+ while (ending.length > 0) {
+ front += ending.pop();
+ }
+ front = front.replace("
", "");
+ front = '
' + front + '
';
+ return front;
+};
+
+var handleToc = function(needToc) {
+ var tocTree = tocToTree(toPerfectToc(toc));
+ content.setToc(tocTree);
+
+ // Add it to html
+ if (needToc) {
+ var eles = document.getElementsByClassName('vnote-toc');
+ for (var i = 0; i < eles.length; ++i) {
+ eles[i].innerHTML = tocTree;
+ }
+ }
+};
+
+var mdHasTocSection = function(markdown) {
+ var n = markdown.search(/(\n|^)\[toc\]/i);
+ return n != -1;
+};
+
+var highlightCodeBlocks = function(doc, enableMermaid) {
+ var codes = doc.getElementsByTagName('code');
+ for (var i = 0; i < codes.length; ++i) {
+ var code = codes[i];
+ if (code.parentElement.tagName.toLowerCase() == 'pre') {
+ if (enableMermaid && code.classList.contains('language-mermaid')) {
+ // Mermaid code block.
+ continue;
+ } else {
+ hljs.highlightBlock(code);
+ }
+ }
+ }
+};
+
+var updateText = function(text) {
+ var needToc = mdHasTocSection(text);
+ var html = markdownToHtml(text, needToc);
+ placeholder.innerHTML = html;
+ handleToc(needToc);
+ insertImageCaption();
+ highlightCodeBlocks(document, VEnableMermaid);
+ renderMermaid('language-mermaid');
+ if (VEnableMathjax) {
+ try {
+ MathJax.Hub.Queue(["Typeset", MathJax.Hub, placeholder]);
+ } catch (err) {
+ content.setLog("err: " + err);
+ }
+ }
+};
+
+var highlightText = function(text, id, timeStamp) {
+ var html = renderer.makeHtml(text);
+
+ var parser = new DOMParser();
+ var htmlDoc = parser.parseFromString("
" + html + "
", 'text/html');
+ highlightCodeBlocks(htmlDoc, false);
+
+ html = htmlDoc.getElementById('showdown-container').innerHTML;
+
+ delete parser;
+
+ content.highlightTextCB(html, id, timeStamp);
+}
+
diff --git a/src/resources/vnote.ini b/src/resources/vnote.ini
index 98a621ac..0468ab40 100644
--- a/src/resources/vnote.ini
+++ b/src/resources/vnote.ini
@@ -14,10 +14,13 @@ current_background_color=System
current_render_background_color=System
language=System
editor_font_size=12
-; 0 - Hoedown, 1 - Marked, 2 - Markdown-it
+
+; 0 - Hoedown, 1 - Marked, 2 - Markdown-it, 3 - Showdown
markdown_converter=2
+
enable_mermaid=false
enable_mathjax=false
+
; -1 - calculate the factor
web_zoom_factor=-1
diff --git a/src/utils/showdown/README.md b/src/utils/showdown/README.md
new file mode 100644
index 00000000..f2f8e67f
--- /dev/null
+++ b/src/utils/showdown/README.md
@@ -0,0 +1,2 @@
+# [showdown](https://github.com/showdownjs/showdown)
+v1.6.4
diff --git a/src/utils/showdown/showdown-headinganchor.js b/src/utils/showdown/showdown-headinganchor.js
new file mode 100644
index 00000000..c5260be8
--- /dev/null
+++ b/src/utils/showdown/showdown-headinganchor.js
@@ -0,0 +1,50 @@
+(function (extension) {
+ if (typeof showdown !== 'undefined') {
+ // global (browser or nodejs global)
+ extension(showdown);
+ } else if (typeof define === 'function' && define.amd) {
+ // AMD
+ define(['showdown'], extension);
+ } else if (typeof exports === 'object') {
+ // Node, CommonJS-like
+ module.exports = extension(require('showdown'));
+ } else {
+ // showdown was not found so we throw
+ throw Error('Could not find showdown library');
+ }
+}(function (showdown) {
+ // loading extension into shodown
+ showdown.extension('headinganchor', function () {
+ var headinganchor = {
+ type: 'output',
+ filter: function(source) {
+ var nameCounter = 0;
+ var parser = new DOMParser();
+ var htmlDoc = parser.parseFromString("
" + source + "
", 'text/html');
+ var eles = htmlDoc.querySelectorAll("h1, h2, h3, h4, h5, h6");
+
+ for (var i = 0; i < eles.length; ++i) {
+ var ele = eles[i];
+ var level = parseInt(ele.tagName.substr(1));
+ var escapedText = 'toc_' + nameCounter++;
+
+ toc.push({
+ level: level,
+ anchor: escapedText,
+ title: ele.innerText
+ });
+
+ ele.setAttribute('id', escapedText);
+ }
+
+ var html = htmlDoc.getElementById('showdown-container').innerHTML;
+
+ delete parser;
+
+ return html;
+ }
+ };
+
+ return [headinganchor];
+ });
+}));
diff --git a/src/utils/showdown/showdown.min.js b/src/utils/showdown/showdown.min.js
new file mode 100644
index 00000000..5faf821c
--- /dev/null
+++ b/src/utils/showdown/showdown.min.js
@@ -0,0 +1,5 @@
+/*! showdown 23-04-2017 */
+
+(function(){function a(a){"use strict";var b={omitExtraWLInCodeBlocks:{defaultValue:!1,describe:"Omit the default extra whiteline added to code blocks",type:"boolean"},noHeaderId:{defaultValue:!1,describe:"Turn on/off generated header id",type:"boolean"},prefixHeaderId:{defaultValue:!1,describe:"Specify a prefix to generated header ids",type:"string"},ghCompatibleHeaderId:{defaultValue:!1,describe:"Generate header ids compatible with github style (spaces are replaced with dashes, a bunch of non alphanumeric chars are removed)",type:"boolean"},headerLevelStart:{defaultValue:!1,describe:"The header blocks level start",type:"integer"},parseImgDimensions:{defaultValue:!1,describe:"Turn on/off image dimension parsing",type:"boolean"},simplifiedAutoLink:{defaultValue:!1,describe:"Turn on/off GFM autolink style",type:"boolean"},excludeTrailingPunctuationFromURLs:{defaultValue:!1,describe:"Excludes trailing punctuation from links generated with autoLinking",type:"boolean"},literalMidWordUnderscores:{defaultValue:!1,describe:"Parse midword underscores as literal underscores",type:"boolean"},literalMidWordAsterisks:{defaultValue:!1,describe:"Parse midword asterisks as literal asterisks",type:"boolean"},strikethrough:{defaultValue:!1,describe:"Turn on/off strikethrough support",type:"boolean"},tables:{defaultValue:!1,describe:"Turn on/off tables support",type:"boolean"},tablesHeaderId:{defaultValue:!1,describe:"Add an id to table headers",type:"boolean"},ghCodeBlocks:{defaultValue:!0,describe:"Turn on/off GFM fenced code blocks support",type:"boolean"},tasklists:{defaultValue:!1,describe:"Turn on/off GFM tasklist support",type:"boolean"},smoothLivePreview:{defaultValue:!1,describe:"Prevents weird effects in live previews due to incomplete input",type:"boolean"},smartIndentationFix:{defaultValue:!1,description:"Tries to smartly fix indentation in es6 strings",type:"boolean"},disableForced4SpacesIndentedSublists:{defaultValue:!1,description:"Disables the requirement of indenting nested sublists by 4 spaces",type:"boolean"},simpleLineBreaks:{defaultValue:!1,description:"Parses simple line breaks as (GFM Style)",type:"boolean"},requireSpaceBeforeHeadingText:{defaultValue:!1,description:"Makes adding a space between `#` and the header text mandatory (GFM Style)",type:"boolean"},ghMentions:{defaultValue:!1,description:"Enables github @mentions",type:"boolean"},ghMentionsLink:{defaultValue:"https://github.com/{u}",description:"Changes the link generated by @mentions. Only applies if ghMentions option is enabled.",type:"string"},encodeEmails:{defaultValue:!0,description:"Encode e-mail addresses through the use of Character Entities, transforming ASCII e-mail addresses into its equivalent decimal entities",type:"boolean"},openLinksInNewWindow:{defaultValue:!1,description:"Open all links in new windows",type:"boolean"}};if(a===!1)return JSON.parse(JSON.stringify(b));var c={};for(var d in b)b.hasOwnProperty(d)&&(c[d]=b[d].defaultValue);return c}function b(){"use strict";var b=a(!0),c={};for(var d in b)b.hasOwnProperty(d)&&(c[d]=!0);return c}function c(a,b){"use strict";var c=b?"Error in "+b+" extension->":"Error in unnamed extension",d={valid:!0,error:""};e.helper.isArray(a)||(a=[a]);for(var f=0;f-1,l=new RegExp(b+"|"+c,"g"+j.replace(/g/g,"")),m=new RegExp(b,j.replace(/g/g,"")),n=[];do for(e=0;g=l.exec(a);)if(m.test(g[0]))e++||(f=l.lastIndex,h=f-g[0].length);else if(e&&!--e){i=g.index+g[0].length;var o={left:{start:h,end:f},match:{start:f,end:g.index},right:{start:g.index,end:i},wholeMatch:{start:h,end:i}};if(n.push(o),!k)return n}while(e&&(l.lastIndex=f));return n};e.helper.matchRecursiveRegExp=function(a,b,c,d){"use strict";for(var e=k(a,b,c,d),f=[],g=0;g0){var l=[];0!==h[0].wholeMatch.start&&l.push(a.slice(0,h[0].wholeMatch.start));for(var m=0;m.9?b[2](a):c>.45?b[1](a):b[0](a)}return a})},"undefined"==typeof console&&(console={warn:function(a){"use strict";alert(a)},log:function(a){"use strict";alert(a)},error:function(a){"use strict";throw a}}),e.helper.regexes={asteriskAndDash:/([*_])/g},e.Converter=function(a){"use strict";function b(){a=a||{};for(var b in h)h.hasOwnProperty(b)&&(m[b]=h[b]);if("object"!=typeof a)throw Error("Converter expects the passed parameter to be an object, but "+typeof a+" was passed instead.");for(var c in a)a.hasOwnProperty(c)&&(m[c]=a[c]);m.extensions&&e.helper.forEach(m.extensions,d)}function d(a,b){if(b=b||null,e.helper.isString(a)){if(a=e.helper.stdExtName(a),b=a,e.extensions[a])return console.warn("DEPRECATION WARNING: "+a+" is an old extension that uses a deprecated loading method.Please inform the developer that the extension should be updated!"),void f(e.extensions[a],a);if(e.helper.isUndefined(g[a]))throw Error('Extension "'+a+'" could not be loaded. It was either not found or is not a valid extension.');a=g[a]}"function"==typeof a&&(a=a()),e.helper.isArray(a)||(a=[a]);var d=c(a,b);if(!d.valid)throw Error(d.error);for(var h=0;h-1))return a;n=""}else n=c.gUrls[m],e.helper.isUndefined(c.gTitles[m])||(o=c.gTitles[m]);n=n.replace(e.helper.regexes.asteriskAndDash,e.helper.escapeCharactersCallback);var p='"};return a=a.replace(/(\[((?:\[[^\]]*]|[^\[\]])*)][ ]?(?:\n[ ]*)?\[(.*?)])()()()()/g,d),a=a.replace(/(\[((?:\[[^\]]*]|[^\[\]])*)]\([ \t]*()?[ \t]*((['"])(.*?)\6[ \t]*)?\))/g,d),a=a.replace(/(\[([^\[\]]+)])()()()()()/g,d),b.ghMentions&&(a=a.replace(/(^|\s)(\\)?(@([a-z\d\-]+))(?=[.!?;,[\]()]|\s|$)/gim,function(a,c,d,f,g){if("\\"===d)return c+f;if(!e.helper.isString(b.ghMentionsLink))throw new Error("ghMentionsLink option must be a string");var h=b.ghMentionsLink.replace(/\{u}/g,g);return c+''+f+""})),a=c.converter._dispatch("anchors.after",a,b,c)});var l=/\b(((https?|ftp|dict):\/\/|www\.)[^'">\s]+\.[^'">\s]+)()(?=\s|$)(?!["<>])/gi,m=/\b(((https?|ftp|dict):\/\/|www\.)[^'">\s]+\.[^'">\s]+?)([.!?,()\[\]]?)(?=\s|$)(?!["<>])/gi,n=/<(((https?|ftp|dict):\/\/|www\.)[^'">\s]+)>/gi,o=/(^|\s)(?:mailto:)?([A-Za-z0-9!#$%&'*+-\/=?^_`{|}~.]+@[-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+)(?=$|\s)/gim,p=/<()(?:mailto:)?([-.\w]+@[-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+)>/gi,q=function(a){"use strict";return function(b,c,d,e,f){var g=c,h="",i="";return/^www\./i.test(c)&&(c=c.replace(/^www\./i,"http://www.")),a.excludeTrailingPunctuationFromURLs&&f&&(h=f),a.openLinksInNewWindow&&(i=' target="_blank"'),'"+g+""+h}},r=function(a,b){"use strict";return function(c,d,f){var g="mailto:";return d=d||"",f=e.subParser("unescapeSpecialChars")(f,a,b),a.encodeEmails?(g=e.helper.encodeEmailAddress(g+f),f=e.helper.encodeEmailAddress(f)):g+=f,d+''+f+""}};e.subParser("autoLinks",function(a,b,c){"use strict";return a=c.converter._dispatch("autoLinks.before",a,b,c),a=a.replace(n,q(b)),a=a.replace(p,r(b,c)),a=c.converter._dispatch("autoLinks.after",a,b,c)}),e.subParser("simplifiedAutoLinks",function(a,b,c){"use strict";return b.simplifiedAutoLink?(a=c.converter._dispatch("simplifiedAutoLinks.before",a,b,c),a=b.excludeTrailingPunctuationFromURLs?a.replace(m,q(b)):a.replace(l,q(b)),a=a.replace(o,r(b,c)),a=c.converter._dispatch("simplifiedAutoLinks.after",a,b,c)):a}),e.subParser("blockGamut",function(a,b,c){"use strict";return a=c.converter._dispatch("blockGamut.before",a,b,c),a=e.subParser("blockQuotes")(a,b,c),a=e.subParser("headers")(a,b,c),a=e.subParser("horizontalRule")(a,b,c),a=e.subParser("lists")(a,b,c),a=e.subParser("codeBlocks")(a,b,c),a=e.subParser("tables")(a,b,c),a=e.subParser("hashHTMLBlocks")(a,b,c),a=e.subParser("paragraphs")(a,b,c),a=c.converter._dispatch("blockGamut.after",a,b,c)}),e.subParser("blockQuotes",function(a,b,c){"use strict";return a=c.converter._dispatch("blockQuotes.before",a,b,c),a=a.replace(/((^ {0,3}>[ \t]?.+\n(.+\n)*\n*)+)/gm,function(a,d){var f=d;return f=f.replace(/^[ \t]*>[ \t]?/gm,"¨0"),f=f.replace(/¨0/g,""),f=f.replace(/^[ \t]+$/gm,""),f=e.subParser("githubCodeBlocks")(f,b,c),f=e.subParser("blockGamut")(f,b,c),f=f.replace(/(^|\n)/g,"$1 "),f=f.replace(/(\s*