obsidian社区插件
QuickAdd 脚本 - 插入并编辑 SVG 文件
插件ID:quickadd%E8%84%9A%E6%9C%AC-%E6%8F%92%E5%85%A5%E5%B9%B6%E7%BC%96%E8%BE%91svg%E6%96%87%E4%BB%B6
quickadd%E8%84%9A%E6%9C%AC-%E6%8F%92%E5%85%A5%E5%B9%B6%E7%BC%96%E8%BE%91svg%E6%96%87%E4%BB%B6
quickadd%E8%84%9A%E6%9C%AC %E6%8F%92%E5%85%A5%E5%B9%B6%E7%BC%96%E8%BE%91svg%E6%96%87%E4%BB%B6:插入并编辑 SVG 文件
QuickAdd 脚本 - 插入并编辑 SVG 文件
Obsidian v1.5 版本之后,Diagrams 插件 (作者:Sam Greenhalgh,v1.5.0) 已经基本用不了了,该脚本是为了快速插入 SVG 并编辑进行而制作的,Draw.io 的详细介绍可参考:PKMerDoc:关于 Diagram 软件的功能介绍以及在 Obsidian 使用的方案,效果如下:
- 拓展
- 同时针对 Excalidraw 画板,另外拓展了 #4 的
OpenSelectImage
和QuickerInserZKCard
脚本的使用。- 如果在源码模式下插入后想删除或移动,可以参考 【QuickAdd脚本】通过wiki链接删除并对应文件,适用于笔记重组 - 经验分享 - Obsidian 中文论坛。
设置选项,保持默认模式也行,设置选项是为了提供点灵活性,可以定义不同的 SVG 编辑器,比如 Vision
或者 亿图
之类的,可以设置多个软件,以换行分离就行:
如何打开设置选项:
const path = require('path');
const { exec } = require('child_process');
const quickAddApi = app.plugins.plugins.quickadd.api;
const svgContent = `<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="300px" height="300px" viewBox="-0.5 -0.5 1 1" content="<mxGraphModel><root><mxCell id="0"/><mxCell id="1" parent="0"/></root></mxGraphModel>"></svg>`;
module.exports = {
entry: async (QuickAdd, settings, params) => {
const format = quickAddApi.date.now(settings["SVG命名格式"].replace("{{DATE:", "").replace("}}", ""));
// 获取笔记的基本路径
const file = app.workspace.getActiveFile();
const folderPath = path.dirname(file.path);
let filePath = `${format}.svg`;
if (settings["SVG文件路径"] === "当前文件夹") {
filePath = `${folderPath}/${format}.svg`;
}
if (settings["SVG自动打开"]) {
let choices = settings["SVG编辑器"].split("\n");
if (!choices) {
await app.vault.create(filePath, svgContent);
// 用指定应用打开
this.app.openWithDefaultApp(filePath);
} else if (choices.length === 1) {
await app.vault.create(filePath, svgContent);
exec(`"${choices[0]}" "${(app.vault.adapter).getBasePath()}/${filePath}"`, (error, stdout, stderr) => {
new Notice(`File opened with ${choices[0]}`);
});
} else {
choices.unshift("默认应用");
const choice = await quickAddApi.suggester(choices.map(i => i.split("\\").at(-1).replace("\.exe", "")), choices, "图片打开的方式");
if (!choice) return;
await app.vault.create(filePath, svgContent);
// 文件创建后打开
if (choice === "默认应用") {
app.openWithDefaultApp(filePath);
return;
}
exec(`"${choice}" "${(app.vault.adapter).getBasePath()}/${filePath}"`, (error, stdout, stderr) => {
new Notice(`File opened with ${choice}`);
});
}
}
// 获取文档编辑器
const editor = app.workspace.activeEditor.editor;
editor.replaceRange(
`![[${path.basename(filePath)}]]`,
editor.getCursor());
return;
},
settings: {
name: "插入SVG文件",
author: "熊猫别熬夜",
options: {
"SVG命名格式": {
type: "format",
defaultValue: "{{DATE:YYYY-MM-DD_HHmmss}}",
description: "默认插入为时间戳的文件名格式:{{DATE:YYYY-MM-DD_HHmmss}};",
},
"SVG文件路径": {
type: "dropdown",
defaultValue: "当前文件夹",
options: [
"当前文件夹",
"仓库根目录",
],
description: "若想指定文件夹可设为根目录,调整命名格式:{{DATE:[文件夹路径/子文件夹/文件名前缀_]YYYY-MM-DD_HHmmss}}",
},
"SVG自动打开": {
type: "checkbox",
defaultValue: true,
},
"SVG编辑器": {
type: "format",
defaultValue: "",
description: "SVG编辑器,空值则系统默认编辑器,多个以换行分离,多个会出现弹窗来选择应用(包含默认应用)",
},
}
}
};
Reference
- 关于 Diagram 软件的功能介绍以及在 Obsidian 使用的方案
- 熊猫别熬夜Excalidraw脚本汇总
- 【QuickAdd脚本】通过wiki链接删除并对应文件,适用于笔记重组 - 经验分享 - Obsidian 中文论坛
讨论
若阁下有独到的见解或新颖的想法,诚邀您在文章下方留言,与大家共同探讨。
反馈交流
其他渠道
版权声明
版权声明:所有 PKMer 文章如果需要转载,请附上原文出处链接。