You've already forked joplin
mirror of
https://github.com/laurent22/joplin.git
synced 2025-06-15 23:00:36 +02:00
Applied prettier to code base
This commit is contained in:
Laurent Cozic
@ -1,14 +1,13 @@
|
||||
const MarkdownIt = require('markdown-it');
|
||||
const Entities = require('html-entities').AllHtmlEntities;
|
||||
const htmlentities = (new Entities()).encode;
|
||||
const Resource = require('lib/models/Resource.js');
|
||||
const ModelCache = require('lib/ModelCache');
|
||||
const { shim } = require('lib/shim.js');
|
||||
const md5 = require('md5');
|
||||
const MdToHtml_Katex = require('lib/MdToHtml_Katex');
|
||||
const MarkdownIt = require("markdown-it");
|
||||
const Entities = require("html-entities").AllHtmlEntities;
|
||||
const htmlentities = new Entities().encode;
|
||||
const Resource = require("lib/models/Resource.js");
|
||||
const ModelCache = require("lib/ModelCache");
|
||||
const { shim } = require("lib/shim.js");
|
||||
const md5 = require("md5");
|
||||
const MdToHtml_Katex = require("lib/MdToHtml_Katex");
|
||||
|
||||
class MdToHtml {
|
||||
|
||||
constructor(options = null) {
|
||||
if (!options) options = {};
|
||||
|
||||
@ -19,7 +18,7 @@ class MdToHtml {
|
||||
this.modelCache_ = new ModelCache();
|
||||
|
||||
// Must include last "/"
|
||||
this.resourceBaseUrl_ = ('resourceBaseUrl' in options) ? options.resourceBaseUrl : null;
|
||||
this.resourceBaseUrl_ = "resourceBaseUrl" in options ? options.resourceBaseUrl : null;
|
||||
}
|
||||
|
||||
makeContentKey(resources, body, style, options) {
|
||||
@ -32,26 +31,26 @@ class MdToHtml {
|
||||
k.push(md5(escape(body))); // https://github.com/pvorb/node-md5/issues/41
|
||||
k.push(md5(JSON.stringify(style)));
|
||||
k.push(md5(JSON.stringify(options)));
|
||||
return k.join('_');
|
||||
return k.join("_");
|
||||
}
|
||||
|
||||
renderAttrs_(attrs) {
|
||||
if (!attrs) return '';
|
||||
if (!attrs) return "";
|
||||
|
||||
let output = [];
|
||||
for (let i = 0; i < attrs.length; i++) {
|
||||
const n = attrs[i][0];
|
||||
const v = attrs[i].length >= 2 ? attrs[i][1] : null;
|
||||
|
||||
if (n === 'alt' && !v) {
|
||||
if (n === "alt" && !v) {
|
||||
continue;
|
||||
} else if (n === 'src') {
|
||||
} else if (n === "src") {
|
||||
output.push('src="' + htmlentities(v) + '"');
|
||||
} else {
|
||||
output.push(n + '="' + (v ? htmlentities(v) : '') + '"');
|
||||
output.push(n + '="' + (v ? htmlentities(v) : "") + '"');
|
||||
}
|
||||
}
|
||||
return output.join(' ');
|
||||
return output.join(" ");
|
||||
}
|
||||
|
||||
getAttr_(attrs, name) {
|
||||
@ -73,7 +72,7 @@ class MdToHtml {
|
||||
}
|
||||
|
||||
renderImage_(attrs, options) {
|
||||
const loadResource = async (id) => {
|
||||
const loadResource = async id => {
|
||||
// console.info('Loading resource: ' + id);
|
||||
|
||||
// Initially set to to an empty object to make
|
||||
@ -88,17 +87,17 @@ class MdToHtml {
|
||||
if (!resource) {
|
||||
// Can happen for example if an image is attached to a note, but the resource hasn't
|
||||
// been downloaded from the sync target yet.
|
||||
console.warn('Cannot load resource: ' + id);
|
||||
console.warn("Cannot load resource: " + id);
|
||||
return;
|
||||
}
|
||||
|
||||
this.loadedResources_[id] = resource;
|
||||
|
||||
if (options.onResourceLoaded) options.onResourceLoaded();
|
||||
}
|
||||
};
|
||||
|
||||
const title = this.getAttr_(attrs, 'title');
|
||||
const href = this.getAttr_(attrs, 'src');
|
||||
const title = this.getAttr_(attrs, "title");
|
||||
const href = this.getAttr_(attrs, "src");
|
||||
|
||||
if (!Resource.isResourceUrl(href)) {
|
||||
return '<img title="' + htmlentities(title) + '" src="' + href + '"/>';
|
||||
@ -108,27 +107,27 @@ class MdToHtml {
|
||||
const resource = this.loadedResources_[resourceId];
|
||||
if (!resource) {
|
||||
loadResource(resourceId);
|
||||
return '';
|
||||
return "";
|
||||
}
|
||||
|
||||
if (!resource.id) return ''; // Resource is being loaded
|
||||
if (!resource.id) return ""; // Resource is being loaded
|
||||
|
||||
const mime = resource.mime ? resource.mime.toLowerCase() : '';
|
||||
if (mime == 'image/png' || mime == 'image/jpg' || mime == 'image/jpeg' || mime == 'image/gif') {
|
||||
let src = './' + Resource.filename(resource);
|
||||
const mime = resource.mime ? resource.mime.toLowerCase() : "";
|
||||
if (mime == "image/png" || mime == "image/jpg" || mime == "image/jpeg" || mime == "image/gif") {
|
||||
let src = "./" + Resource.filename(resource);
|
||||
if (this.resourceBaseUrl_ !== null) src = this.resourceBaseUrl_ + src;
|
||||
let output = '<img data-resource-id="' + resource.id + '" title="' + htmlentities(title) + '" src="' + src + '"/>';
|
||||
return output;
|
||||
}
|
||||
|
||||
return '[Image: ' + htmlentities(resource.title) + ' (' + htmlentities(mime) + ')]';
|
||||
|
||||
return "[Image: " + htmlentities(resource.title) + " (" + htmlentities(mime) + ")]";
|
||||
}
|
||||
|
||||
renderOpenLink_(attrs, options) {
|
||||
let href = this.getAttr_(attrs, 'href');
|
||||
const text = this.getAttr_(attrs, 'text');
|
||||
let href = this.getAttr_(attrs, "href");
|
||||
const text = this.getAttr_(attrs, "text");
|
||||
const isResourceUrl = Resource.isResourceUrl(href);
|
||||
const title = isResourceUrl ? this.getAttr_(attrs, 'title') : href;
|
||||
const title = isResourceUrl ? this.getAttr_(attrs, "title") : href;
|
||||
|
||||
if (isResourceUrl && !this.supportsResourceLinks_) {
|
||||
// In mobile, links to local resources, such as PDF, etc. currently aren't supported.
|
||||
@ -137,7 +136,7 @@ class MdToHtml {
|
||||
} else {
|
||||
if (isResourceUrl) {
|
||||
const resourceId = Resource.pathToId(href);
|
||||
href = 'joplin://' + resourceId;
|
||||
href = "joplin://" + resourceId;
|
||||
}
|
||||
|
||||
const js = options.postMessageSyntax + "(" + JSON.stringify(href) + "); return false;";
|
||||
@ -147,13 +146,13 @@ class MdToHtml {
|
||||
}
|
||||
|
||||
renderCloseLink_(attrs, options) {
|
||||
const href = this.getAttr_(attrs, 'href');
|
||||
const href = this.getAttr_(attrs, "href");
|
||||
const isResourceUrl = Resource.isResourceUrl(href);
|
||||
|
||||
if (isResourceUrl && !this.supportsResourceLinks_) {
|
||||
return ')</span>';
|
||||
return ")</span>";
|
||||
} else {
|
||||
return '</a>';
|
||||
return "</a>";
|
||||
}
|
||||
}
|
||||
|
||||
@ -161,7 +160,7 @@ class MdToHtml {
|
||||
if (!language) return null;
|
||||
|
||||
const handlers = {};
|
||||
handlers['katex'] = new MdToHtml_Katex();
|
||||
handlers["katex"] = new MdToHtml_Katex();
|
||||
return language in handlers ? handlers[language] : null;
|
||||
}
|
||||
|
||||
@ -186,61 +185,61 @@ class MdToHtml {
|
||||
|
||||
for (let i = 0; i < tokens.length; i++) {
|
||||
let t = tokens[i];
|
||||
const nextToken = i < tokens.length ? tokens[i+1] : null;
|
||||
const nextToken = i < tokens.length ? tokens[i + 1] : null;
|
||||
|
||||
let tag = t.tag;
|
||||
let openTag = null;
|
||||
let closeTag = null;
|
||||
let attrs = t.attrs ? t.attrs : [];
|
||||
let tokenContent = t.content ? t.content : null;
|
||||
const isCodeBlock = tag === 'code' && t.block;
|
||||
const isInlineCode = t.type === 'code_inline';
|
||||
const isCodeBlock = tag === "code" && t.block;
|
||||
const isInlineCode = t.type === "code_inline";
|
||||
const codeBlockLanguage = t && t.info ? t.info : null;
|
||||
let rendererPlugin = null;
|
||||
let rendererPluginOptions = { tagType: 'inline' };
|
||||
let rendererPluginOptions = { tagType: "inline" };
|
||||
|
||||
if (isCodeBlock) rendererPlugin = this.rendererPlugin_(codeBlockLanguage);
|
||||
|
||||
if (previousToken && previousToken.tag === 'li' && tag === 'p') {
|
||||
if (previousToken && previousToken.tag === "li" && tag === "p") {
|
||||
// Markdown-it render list items as <li><p>Text<p></li> which makes it
|
||||
// complicated to style and layout the HTML, so we remove this extra
|
||||
// <p> here and below in closeTag.
|
||||
openTag = null;
|
||||
} else if (isInlineCode) {
|
||||
openTag = null;
|
||||
} else if (tag && t.type.indexOf('html_inline') >= 0) {
|
||||
} else if (tag && t.type.indexOf("html_inline") >= 0) {
|
||||
openTag = null;
|
||||
} else if (tag && t.type.indexOf('_open') >= 0) {
|
||||
} else if (tag && t.type.indexOf("_open") >= 0) {
|
||||
openTag = tag;
|
||||
} else if (tag && t.type.indexOf('_close') >= 0) {
|
||||
} else if (tag && t.type.indexOf("_close") >= 0) {
|
||||
closeTag = tag;
|
||||
} else if (tag && t.type.indexOf('inline') >= 0) {
|
||||
} else if (tag && t.type.indexOf("inline") >= 0) {
|
||||
openTag = tag;
|
||||
} else if (t.type === 'link_open') {
|
||||
openTag = 'a';
|
||||
} else if (t.type === "link_open") {
|
||||
openTag = "a";
|
||||
} else if (isCodeBlock) {
|
||||
if (rendererPlugin) {
|
||||
openTag = null;
|
||||
} else {
|
||||
openTag = 'pre';
|
||||
openTag = "pre";
|
||||
}
|
||||
}
|
||||
|
||||
if (openTag) {
|
||||
if (openTag === 'a') {
|
||||
if (openTag === "a") {
|
||||
anchorAttrs.push(attrs);
|
||||
output.push(this.renderOpenLink_(attrs, options));
|
||||
} else {
|
||||
const attrsHtml = this.renderAttrs_(attrs);
|
||||
output.push('<' + openTag + (attrsHtml ? ' ' + attrsHtml : '') + '>');
|
||||
output.push("<" + openTag + (attrsHtml ? " " + attrsHtml : "") + ">");
|
||||
}
|
||||
}
|
||||
|
||||
if (isCodeBlock) {
|
||||
const codeAttrs = ['code'];
|
||||
const codeAttrs = ["code"];
|
||||
if (!rendererPlugin) {
|
||||
if (codeBlockLanguage) codeAttrs.push(t.info); // t.info contains the language when the token is a codeblock
|
||||
output.push('<code class="' + codeAttrs.join(' ') + '">');
|
||||
output.push('<code class="' + codeAttrs.join(" ") + '">');
|
||||
}
|
||||
} else if (isInlineCode) {
|
||||
const result = this.parseInlineCodeLanguage_(tokenContent);
|
||||
@ -250,30 +249,30 @@ class MdToHtml {
|
||||
}
|
||||
|
||||
if (!rendererPlugin) {
|
||||
output.push('<code>');
|
||||
output.push("<code>");
|
||||
}
|
||||
}
|
||||
|
||||
if (t.type === 'math_inline' || t.type === 'math_block') {
|
||||
rendererPlugin = this.rendererPlugin_('katex');
|
||||
rendererPluginOptions = { tagType: t.type === 'math_block' ? 'block' : 'inline' };
|
||||
if (t.type === "math_inline" || t.type === "math_block") {
|
||||
rendererPlugin = this.rendererPlugin_("katex");
|
||||
rendererPluginOptions = { tagType: t.type === "math_block" ? "block" : "inline" };
|
||||
}
|
||||
|
||||
if (rendererPlugin) {
|
||||
rendererPlugin.loadAssets().catch((error) => {
|
||||
console.warn('MdToHtml: Error loading assets for ' + rendererPlugin.name() + ': ', error.message);
|
||||
rendererPlugin.loadAssets().catch(error => {
|
||||
console.warn("MdToHtml: Error loading assets for " + rendererPlugin.name() + ": ", error.message);
|
||||
});
|
||||
}
|
||||
|
||||
if (t.type === 'image') {
|
||||
if (tokenContent) attrs.push(['title', tokenContent]);
|
||||
if (t.type === "image") {
|
||||
if (tokenContent) attrs.push(["title", tokenContent]);
|
||||
output.push(this.renderImage_(attrs, options));
|
||||
} else if (t.type === 'html_inline') {
|
||||
} else if (t.type === "html_inline") {
|
||||
output.push(t.content);
|
||||
} else if (t.type === 'softbreak') {
|
||||
output.push('<br/>');
|
||||
} else if (t.type === 'hr') {
|
||||
output.push('<hr/>');
|
||||
} else if (t.type === "softbreak") {
|
||||
output.push("<br/>");
|
||||
} else if (t.type === "hr") {
|
||||
output.push("<hr/>");
|
||||
} else {
|
||||
if (t.children) {
|
||||
const parsedChildren = this.renderTokens_(markdownIt, t.children, options);
|
||||
@ -281,7 +280,7 @@ class MdToHtml {
|
||||
} else {
|
||||
if (tokenContent) {
|
||||
if ((isCodeBlock || isInlineCode) && rendererPlugin) {
|
||||
output = rendererPlugin.processContent(output, tokenContent, isCodeBlock ? 'block' : 'inline');
|
||||
output = rendererPlugin.processContent(output, tokenContent, isCodeBlock ? "block" : "inline");
|
||||
} else if (rendererPlugin) {
|
||||
output = rendererPlugin.processContent(output, tokenContent, rendererPluginOptions.tagType);
|
||||
} else {
|
||||
@ -290,12 +289,12 @@ class MdToHtml {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (nextToken && nextToken.tag === 'li' && t.tag === 'p') {
|
||||
closeTag = null;
|
||||
} else if (t.type === 'link_close') {
|
||||
closeTag = 'a';
|
||||
} else if (tag && t.type.indexOf('inline') >= 0) {
|
||||
|
||||
if (nextToken && nextToken.tag === "li" && t.tag === "p") {
|
||||
closeTag = null;
|
||||
} else if (t.type === "link_close") {
|
||||
closeTag = "a";
|
||||
} else if (tag && t.type.indexOf("inline") >= 0) {
|
||||
closeTag = openTag;
|
||||
} else if (isCodeBlock) {
|
||||
if (!rendererPlugin) closeTag = openTag;
|
||||
@ -303,19 +302,19 @@ class MdToHtml {
|
||||
|
||||
if (isCodeBlock) {
|
||||
if (!rendererPlugin) {
|
||||
output.push('</code>');
|
||||
output.push("</code>");
|
||||
}
|
||||
} else if (isInlineCode) {
|
||||
if (!rendererPlugin) {
|
||||
output.push('</code>');
|
||||
output.push("</code>");
|
||||
}
|
||||
}
|
||||
|
||||
if (closeTag) {
|
||||
if (closeTag === 'a') {
|
||||
if (closeTag === "a") {
|
||||
output.push(this.renderCloseLink_(anchorAttrs.pop(), options));
|
||||
} else {
|
||||
output.push('</' + closeTag + '>');
|
||||
output.push("</" + closeTag + ">");
|
||||
}
|
||||
}
|
||||
|
||||
@ -332,22 +331,22 @@ class MdToHtml {
|
||||
|
||||
// Insert the extra CSS at the top of the HTML
|
||||
|
||||
const temp = ['<style>'];
|
||||
const temp = ["<style>"];
|
||||
for (let n in extraCssBlocks) {
|
||||
if (!extraCssBlocks.hasOwnProperty(n)) continue;
|
||||
temp.push(extraCssBlocks[n]);
|
||||
}
|
||||
temp.push('</style>');
|
||||
temp.push("</style>");
|
||||
|
||||
output = temp.concat(output);
|
||||
|
||||
return output.join('');
|
||||
return output.join("");
|
||||
}
|
||||
|
||||
render(body, style, options = null) {
|
||||
if (!options) options = {};
|
||||
if (!options.postMessageSyntax) options.postMessageSyntax = 'postMessage';
|
||||
if (!options.paddingBottom) options.paddingBottom = '0';
|
||||
if (!options.postMessageSyntax) options.postMessageSyntax = "postMessage";
|
||||
if (!options.paddingBottom) options.paddingBottom = "0";
|
||||
|
||||
const cacheKey = this.makeContentKey(this.loadedResources_, body, style, options);
|
||||
if (this.cachedContentKey_ === cacheKey) return this.cachedContent_;
|
||||
@ -363,7 +362,7 @@ class MdToHtml {
|
||||
// library. It is better this way as then it is possible to conditionally load the CSS required by
|
||||
// Katex and use an up-to-date version of Katex (as of 2018, the plugin is still using 0.6, which is
|
||||
// buggy instead of 0.9).
|
||||
md.use(require('markdown-it-katex'));
|
||||
md.use(require("markdown-it-katex"));
|
||||
|
||||
// Hack to make checkboxes clickable. Ideally, checkboxes should be parsed properly in
|
||||
// renderTokens_(), but for now this hack works. Marking it with HORRIBLE_HACK so
|
||||
@ -372,11 +371,11 @@ class MdToHtml {
|
||||
|
||||
if (HORRIBLE_HACK) {
|
||||
let counter = -1;
|
||||
while (body.indexOf('- [ ]') >= 0 || body.indexOf('- [X]') >= 0) {
|
||||
while (body.indexOf("- [ ]") >= 0 || body.indexOf("- [X]") >= 0) {
|
||||
body = body.replace(/- \[(X| )\]/, function(v, p1) {
|
||||
let s = p1 == ' ' ? 'NOTICK' : 'TICK';
|
||||
let s = p1 == " " ? "NOTICK" : "TICK";
|
||||
counter++;
|
||||
return '- mJOPmCHECKBOXm' + s + 'm' + counter + 'm';
|
||||
return "- mJOPmCHECKBOXm" + s + "m" + counter + "m";
|
||||
});
|
||||
}
|
||||
}
|
||||
@ -392,11 +391,11 @@ class MdToHtml {
|
||||
|
||||
if (HORRIBLE_HACK) {
|
||||
let loopCount = 0;
|
||||
while (renderedBody.indexOf('mJOPm') >= 0) {
|
||||
while (renderedBody.indexOf("mJOPm") >= 0) {
|
||||
renderedBody = renderedBody.replace(/mJOPmCHECKBOXm([A-Z]+)m(\d+)m/, function(v, type, index) {
|
||||
|
||||
const js = options.postMessageSyntax + "('checkboxclick:" + type + ':' + index + "'); this.classList.contains('tick') ? this.classList.remove('tick') : this.classList.add('tick'); return false;";
|
||||
return '<a href="#" onclick="' + js + '" class="checkbox ' + (type == 'NOTICK' ? '' : 'tick') + '"><span>' + '' + '</span></a>';
|
||||
const js =
|
||||
options.postMessageSyntax + "('checkboxclick:" + type + ":" + index + "'); this.classList.contains('tick') ? this.classList.remove('tick') : this.classList.add('tick'); return false;";
|
||||
return '<a href="#" onclick="' + js + '" class="checkbox ' + (type == "NOTICK" ? "" : "tick") + '"><span>' + "" + "</span></a>";
|
||||
});
|
||||
if (loopCount++ >= 9999) break;
|
||||
}
|
||||
@ -410,16 +409,29 @@ class MdToHtml {
|
||||
b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}
|
||||
`;
|
||||
|
||||
const fontFamily = 'sans-serif';
|
||||
const fontFamily = "sans-serif";
|
||||
|
||||
const css = `
|
||||
const css =
|
||||
`
|
||||
body {
|
||||
font-size: ` + style.htmlFontSize + `;
|
||||
color: ` + style.htmlColor + `;
|
||||
line-height: ` + style.htmlLineHeight + `;
|
||||
background-color: ` + style.htmlBackgroundColor + `;
|
||||
font-family: ` + fontFamily + `;
|
||||
padding-bottom: ` + options.paddingBottom + `;
|
||||
font-size: ` +
|
||||
style.htmlFontSize +
|
||||
`;
|
||||
color: ` +
|
||||
style.htmlColor +
|
||||
`;
|
||||
line-height: ` +
|
||||
style.htmlLineHeight +
|
||||
`;
|
||||
background-color: ` +
|
||||
style.htmlBackgroundColor +
|
||||
`;
|
||||
font-family: ` +
|
||||
fontFamily +
|
||||
`;
|
||||
padding-bottom: ` +
|
||||
options.paddingBottom +
|
||||
`;
|
||||
}
|
||||
p, h1, h2, h3, h4, h5, h6, ul, table {
|
||||
margin-top: 0;
|
||||
@ -438,7 +450,9 @@ class MdToHtml {
|
||||
font-weight: bold;
|
||||
}
|
||||
a {
|
||||
color: ` + style.htmlLinkColor + `
|
||||
color: ` +
|
||||
style.htmlLinkColor +
|
||||
`
|
||||
}
|
||||
ul {
|
||||
padding-left: 1.3em;
|
||||
@ -451,7 +465,9 @@ class MdToHtml {
|
||||
width: 1.65em; /* Need to cut a bit the right border otherwise the SVG will display a black line */
|
||||
height: 1.7em;
|
||||
margin-right: .3em;
|
||||
background-color: ` + style.htmlColor + `;
|
||||
background-color: ` +
|
||||
style.htmlColor +
|
||||
`;
|
||||
/* Awesome Font square-o */
|
||||
-webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1312 256h-832q-66 0-113 47t-47 113v832q0 66 47 113t113 47h832q66 0 113-47t47-113v-832q0-66-47-113t-113-47zm288 160v832q0 119-84.5 203.5t-203.5 84.5h-832q-119 0-203.5-84.5t-84.5-203.5v-832q0-119 84.5-203.5t203.5-84.5h832q119 0 203.5 84.5t84.5 203.5z'/></svg>");
|
||||
}
|
||||
@ -466,14 +482,24 @@ class MdToHtml {
|
||||
td, th {
|
||||
border: 1px solid silver;
|
||||
padding: .5em 1em .5em 1em;
|
||||
font-size: ` + style.htmlFontSize + `;
|
||||
color: ` + style.htmlColor + `;
|
||||
background-color: ` + style.htmlBackgroundColor + `;
|
||||
font-family: ` + fontFamily + `;
|
||||
font-size: ` +
|
||||
style.htmlFontSize +
|
||||
`;
|
||||
color: ` +
|
||||
style.htmlColor +
|
||||
`;
|
||||
background-color: ` +
|
||||
style.htmlBackgroundColor +
|
||||
`;
|
||||
font-family: ` +
|
||||
fontFamily +
|
||||
`;
|
||||
}
|
||||
hr {
|
||||
border: none;
|
||||
border-bottom: 1px solid ` + style.htmlDividerColor + `;
|
||||
border-bottom: 1px solid ` +
|
||||
style.htmlDividerColor +
|
||||
`;
|
||||
}
|
||||
img {
|
||||
width: auto;
|
||||
@ -486,7 +512,7 @@ class MdToHtml {
|
||||
}
|
||||
`;
|
||||
|
||||
const styleHtml = '<style>' + normalizeCss + "\n" + css + '</style>'; //+ '<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.css">';
|
||||
const styleHtml = "<style>" + normalizeCss + "\n" + css + "</style>"; //+ '<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.css">';
|
||||
|
||||
const output = styleHtml + renderedBody;
|
||||
|
||||
@ -497,31 +523,30 @@ class MdToHtml {
|
||||
|
||||
toggleTickAt(body, index) {
|
||||
let counter = -1;
|
||||
while (body.indexOf('- [ ]') >= 0 || body.indexOf('- [X]') >= 0) {
|
||||
while (body.indexOf("- [ ]") >= 0 || body.indexOf("- [X]") >= 0) {
|
||||
counter++;
|
||||
|
||||
body = body.replace(/- \[(X| )\]/, function(v, p1) {
|
||||
let s = p1 == ' ' ? 'NOTICK' : 'TICK';
|
||||
let s = p1 == " " ? "NOTICK" : "TICK";
|
||||
if (index == counter) {
|
||||
s = s == 'NOTICK' ? 'TICK' : 'NOTICK';
|
||||
s = s == "NOTICK" ? "TICK" : "NOTICK";
|
||||
}
|
||||
return '°°JOP°CHECKBOX°' + s + '°°';
|
||||
return "°°JOP°CHECKBOX°" + s + "°°";
|
||||
});
|
||||
}
|
||||
|
||||
body = body.replace(/°°JOP°CHECKBOX°NOTICK°°/g, '- [ ]');
|
||||
body = body.replace(/°°JOP°CHECKBOX°TICK°°/g, '- [X]');
|
||||
body = body.replace(/°°JOP°CHECKBOX°NOTICK°°/g, "- [ ]");
|
||||
body = body.replace(/°°JOP°CHECKBOX°TICK°°/g, "- [X]");
|
||||
|
||||
return body;
|
||||
}
|
||||
|
||||
handleCheckboxClick(msg, noteBody) {
|
||||
msg = msg.split(':');
|
||||
msg = msg.split(":");
|
||||
let index = Number(msg[msg.length - 1]);
|
||||
let currentState = msg[msg.length - 2]; // Not really needed but keep it anyway
|
||||
return this.toggleTickAt(noteBody, index);
|
||||
return this.toggleTickAt(noteBody, index);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
module.exports = MdToHtml;
|
||||
module.exports = MdToHtml;
|
||||
|
||||
Reference in New Issue
Block a user