mirror of
https://gitee.com/vnotex/vnote.git
synced 2025-07-05 22:09:52 +08:00
112 lines
3.4 KiB
JavaScript
112 lines
3.4 KiB
JavaScript
var placeholder = document.getElementById('placeholder');
|
|
|
|
// Use Marked to highlight code blocks in edit mode.
|
|
marked.setOptions({
|
|
highlight: function(code, lang) {
|
|
if (lang) {
|
|
if (hljs.getLanguage(lang)) {
|
|
return hljs.highlight(lang, code, true).value;
|
|
} else {
|
|
return hljs.highlightAuto(code).value;
|
|
}
|
|
} else {
|
|
return code;
|
|
}
|
|
}
|
|
});
|
|
|
|
var updateHtml = function(html) {
|
|
asyncJobsCount = 0;
|
|
|
|
placeholder.innerHTML = html;
|
|
|
|
insertImageCaption();
|
|
|
|
var codes = document.getElementsByTagName('code');
|
|
mermaidIdx = 0;
|
|
plantUMLIdx = 0;
|
|
graphvizIdx = 0;
|
|
for (var i = 0; i < codes.length; ++i) {
|
|
var code = codes[i];
|
|
if (code.parentElement.tagName.toLowerCase() == 'pre') {
|
|
if (VEnableMermaid && code.classList.contains('language-mermaid')) {
|
|
// Mermaid code block.
|
|
if (renderMermaidOne(code)) {
|
|
// replaceChild() will decrease codes.length.
|
|
--i;
|
|
continue;
|
|
}
|
|
} else if (VEnableFlowchart
|
|
&& (code.classList.contains('language-flowchart')
|
|
|| code.classList.contains('language-flow'))) {
|
|
// Flowchart code block.
|
|
if (renderFlowchartOne(code)) {
|
|
// replaceChild() will decrease codes.length.
|
|
--i;
|
|
continue;
|
|
}
|
|
} else if (VEnableMathjax && code.classList.contains('language-mathjax')) {
|
|
// Mathjax code block.
|
|
continue;
|
|
} else if (VPlantUMLMode != 0
|
|
&& code.classList.contains('language-puml')) {
|
|
// PlantUML code block.
|
|
if (VPlantUMLMode == 1) {
|
|
if (renderPlantUMLOneOnline(code)) {
|
|
// replaceChild() will decrease codes.length.
|
|
--i;
|
|
}
|
|
} else {
|
|
renderPlantUMLOneLocal(code);
|
|
}
|
|
|
|
continue;
|
|
} else if (VEnableGraphviz
|
|
&& code.classList.contains('language-dot')) {
|
|
// Graphviz code block.
|
|
renderGraphvizOneLocal(code);
|
|
continue;
|
|
}
|
|
|
|
|
|
if (listContainsRegex(code.classList, /language-.*/)) {
|
|
hljs.highlightBlock(code);
|
|
}
|
|
}
|
|
}
|
|
|
|
addClassToCodeBlock();
|
|
renderCodeBlockLineNumber();
|
|
|
|
// If you add new logics after handling MathJax, please pay attention to
|
|
// finishLoading logic.
|
|
// MathJax may be not loaded for now.
|
|
if (VEnableMathjax && (typeof MathJax != "undefined")) {
|
|
try {
|
|
MathJax.Hub.Queue(["Typeset", MathJax.Hub, placeholder, postProcessMathJax]);
|
|
} catch (err) {
|
|
content.setLog("err: " + err);
|
|
finishLogics();
|
|
}
|
|
} else {
|
|
finishLogics();
|
|
}
|
|
};
|
|
|
|
var highlightText = function(text, id, timeStamp) {
|
|
var html = marked(text);
|
|
content.highlightTextCB(html, id, timeStamp);
|
|
}
|
|
|
|
var textToHtml = function(text) {
|
|
var html = marked(text);
|
|
var container = document.getElementById('text-to-html-div');
|
|
container.innerHTML = html;
|
|
|
|
html = getHtmlWithInlineStyles(container);
|
|
|
|
container.innerHTML = "";
|
|
|
|
content.textToHtmlCB(text, html);
|
|
}
|