有 Add plugin CSS and custom CSS to the export PDF page · 议题 #9376 · siyuan-note/siyuan。
根据上述议题的描述,插件的 js(实测包括主题的 js)无法在 pdf 界面中生效,因此希望导出的时候可以支持导出这个样式 · 议题 #35 · Zuoqiu-Yingyi/siyuan-plugin-custom-block 自定义块样式的样式无法生效,因为插件无法自行添加导出 PDF 时所需的 [custom-block-export]
属性到 #preview
元素上。
但是根据描述,代码片段是可以生效的,见此处。于是我尝试写了一个代码片段用于自动添加该属性:
var pdf = document.querySelector("#preview");
if (pdf) {
pdf.setAttribute("custom-block-export", 1);
console.log("export custom block style");
} else {
console.log("can't find preview element");
}
可见,在获取到 #preview
元素时会打印成功日志,未获取到元素时会打印失败日志。在 wysiwyg 编辑器中打开控制台可见失败日志,而导出 pdf 时打开控制台发现没有相关日志。并且将这个 js 直接贴到控制台里面可以正常运行。
因为不确定这个是什么类型的问题,于是先发帖在社区讨论一下,希望能够得到答案。测试也可自行写一个单纯的控制台输出来检查是否成功加载代码片段。例如:
console.log("代码片段加载成功");
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于