vditor
Version:
♏ 易于使用的 Markdown 编辑器，为适配不同的应用场景而生
85 lines (79 loc) • 3.62 kB
text/typescript
import {getHTML} from "../markdown/getHTML";
import {getMarkdown} from "../markdown/getMarkdown";
export const download = (vditor: IVditor, content: string, filename: string) => {
const aElement = document.createElement("a");
if ("download" in aElement) {
aElement.download = filename;
aElement.style.display = "none";
aElement.href = URL.createObjectURL(new Blob([content]));
document.body.appendChild(aElement);
aElement.click();
aElement.remove();
} else {
vditor.tip.show(window.VditorI18n.downloadTip, 0);
}
};
export const exportMarkdown = (vditor: IVditor) => {
const content = getMarkdown(vditor);
download(vditor, content, content.substr(0, 10) + ".md");
};
export const exportPDF = (vditor: IVditor) => {
vditor.tip.show(window.VditorI18n.generate, 3800);
const iframe = document.querySelector("#vditorExportIframe") as HTMLIFrameElement;
iframe.contentDocument.open();
iframe.contentDocument.write(`<link rel="stylesheet" href="${vditor.options.cdn}/dist/index.css"/>
<script src="${vditor.options.cdn}/dist/method.min.js"></script>
<div id="preview" style="width: 800px"></div>
<script>
window.addEventListener("message", (e) => {
if(!e.data) {
return;
}
Vditor.preview(document.getElementById('preview'), e.data, {
cdn: "${vditor.options.cdn}",
markdown: {
theme: ${JSON.stringify(vditor.options.preview.theme)}
},
hljs: {
style: "${vditor.options.preview.hljs.style}"
}
});
setTimeout(() => {
window.print();
}, 3600);
}, false);
</script>`);
iframe.contentDocument.close();
setTimeout(() => {
iframe.contentWindow.postMessage(getMarkdown(vditor), "*");
}, 200);
};
export const exportHTML = (vditor: IVditor) => {
const content = getHTML(vditor);
const html = `<html><head><link rel="stylesheet" type="text/css" href="${vditor.options.cdn}/dist/index.css"/>
<script src="${vditor.options.cdn}/dist/js/i18n/${vditor.options.lang}.js"></script>
<script src="${vditor.options.cdn}/dist/method.min.js"></script></head>
<body><div class="vditor-reset" id="preview">${content}</div>
<script>
const previewElement = document.getElementById('preview')
Vditor.setContentTheme('${vditor.options.preview.theme.current}', '${vditor.options.preview.theme.path}');
Vditor.codeRender(previewElement);
Vditor.highlightRender(${JSON.stringify(vditor.options.preview.hljs)}, previewElement, '${vditor.options.cdn}');
Vditor.mathRender(previewElement, {
cdn: '${vditor.options.cdn}',
math: ${JSON.stringify(vditor.options.preview.math)},
});
Vditor.mermaidRender(previewElement, '${vditor.options.cdn}', '${vditor.options.theme}');
Vditor.SMILESRender(previewElement, '${vditor.options.cdn}', '${vditor.options.theme}');
Vditor.markmapRender(previewElement, '${vditor.options.cdn}');
Vditor.flowchartRender(previewElement, '${vditor.options.cdn}');
Vditor.graphvizRender(previewElement, '${vditor.options.cdn}');
Vditor.chartRender(previewElement, '${vditor.options.cdn}', '${vditor.options.theme}');
Vditor.mindmapRender(previewElement, '${vditor.options.cdn}', '${vditor.options.theme}');
Vditor.abcRender(previewElement, '${vditor.options.cdn}');
${vditor.options.preview.render.media.enable ? 'Vditor.mediaRender(previewElement);' : ""}
Vditor.speechRender(previewElement);
</script>
<script src="${vditor.options.cdn}/dist/js/icons/${vditor.options.icon}.js"></script></body></html>`;
download(vditor, html, content.substr(0, 10) + ".html");
};