diff --git a/.gitignore b/.gitignore
index 82a89bb..d0a5940 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,7 +8,6 @@ node_modules
# build
/build
*.js.map
-main.js
# obsidian
data.json
diff --git a/main.js b/main.js
new file mode 100644
index 0000000..3f7d44f
--- /dev/null
+++ b/main.js
@@ -0,0 +1,270 @@
+/*
+THIS IS A GENERATED/BUNDLED FILE BY ESBUILD
+if you want to view the source, please visit the github repository of this plugin
+*/
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+ for (var name in all)
+ __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+ if (from && typeof from === "object" || typeof from === "function") {
+ for (let key of __getOwnPropNames(from))
+ if (!__hasOwnProp.call(to, key) && key !== except)
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+ }
+ return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/main.ts
+var main_exports = {};
+__export(main_exports, {
+ default: () => Img2HtmlPlugin
+});
+module.exports = __toCommonJS(main_exports);
+var import_obsidian2 = require("obsidian");
+
+// src/i18n.ts
+var zh = {
+ settings: {
+ title: "Image to HTML \u8BBE\u7F6E",
+ imageWidth: {
+ name: "\u56FE\u7247\u5BBD\u5EA6",
+ desc: "\u8BBE\u7F6E\u7C98\u8D34\u56FE\u7247\u7684\u5BBD\u5EA6\uFF0C\u53EF\u4EE5\u662F\u50CF\u7D20\u503C\uFF08\u5982 500px\uFF09\u6216\u767E\u5206\u6BD4\uFF08\u5982 100%\uFF09\u6216 auto"
+ },
+ useCustomPath: {
+ name: "\u4F7F\u7528\u81EA\u5B9A\u4E49\u56FE\u7247\u8DEF\u5F84",
+ desc: "\u542F\u7528\u540E\uFF0C\u56FE\u7247\u5C06\u4FDD\u5B58\u5230\u6307\u5B9A\u8DEF\u5F84\u800C\u4E0D\u662F\u5F53\u524D\u6587\u4EF6\u6240\u5728\u76EE\u5F55"
+ },
+ imagePath: {
+ name: "\u81EA\u5B9A\u4E49\u56FE\u7247\u8DEF\u5F84",
+ desc: "\u8BBE\u7F6E\u56FE\u7247\u4FDD\u5B58\u7684\u8DEF\u5F84\uFF0C\u53EF\u4EE5\u662F\u76F8\u5BF9\u8DEF\u5F84\uFF08\u5982 ./assets\uFF09\u6216\u7EDD\u5BF9\u8DEF\u5F84\uFF08\u5982 assets\uFF09"
+ },
+ includeAlt: {
+ name: "\u5305\u542B alt \u5C5E\u6027",
+ desc: "\u542F\u7528\u540E\uFF0CHTML \u56FE\u7247\u6807\u7B7E\u5C06\u5305\u542B alt \u5C5E\u6027\uFF0C\u6709\u52A9\u4E8E\u65E0\u969C\u788D\u6027\u548C SEO\uFF0C\u4F46\u4F1A\u4F7F\u6807\u7B7E\u66F4\u957F"
+ },
+ showNotice: {
+ name: "\u663E\u793A\u901A\u77E5",
+ desc: "\u7C98\u8D34\u56FE\u7247\u65F6\u663E\u793A\u901A\u77E5"
+ }
+ },
+ statusBar: {
+ enabled: "Img2Html: \u5F00\u542F"
+ },
+ notice: {
+ imagePasted: "\u56FE\u7247\u5DF2\u7C98\u8D34\u4E3A HTML \u683C\u5F0F\uFF0C\u4FDD\u5B58\u5728"
+ }
+};
+var en = {
+ settings: {
+ title: "Image to HTML Settings",
+ imageWidth: {
+ name: "Image Width",
+ desc: "Set the width of pasted images, can be a pixel value (e.g. 500px), percentage (e.g. 100%) or auto"
+ },
+ useCustomPath: {
+ name: "Use Custom Image Path",
+ desc: "When enabled, images will be saved to the specified path instead of the current file directory"
+ },
+ imagePath: {
+ name: "Custom Image Path",
+ desc: "Set the path to save images, can be a relative path (e.g. ./assets) or absolute path (e.g. assets)"
+ },
+ includeAlt: {
+ name: "Include alt Attribute",
+ desc: "When enabled, HTML image tags will include the alt attribute, which helps with accessibility and SEO, but makes the tag longer"
+ },
+ showNotice: {
+ name: "Show Notification",
+ desc: "Show notification when pasting images"
+ }
+ },
+ statusBar: {
+ enabled: "Img2Html: Enabled"
+ },
+ notice: {
+ imagePasted: "Image pasted as HTML format, saved in"
+ }
+};
+function getTranslations() {
+ const lang = window.localStorage.getItem("language");
+ if (lang === "zh" || lang === "zh-TW") {
+ return zh;
+ }
+ return en;
+}
+
+// src/types.ts
+var DEFAULT_SETTINGS = {
+ imageWidth: "auto",
+ showNotice: true,
+ imagePath: "./assets",
+ useCustomPath: false,
+ includeAlt: false
+};
+
+// src/settings.ts
+var import_obsidian = require("obsidian");
+var Img2HtmlSettingTab = class extends import_obsidian.PluginSettingTab {
+ constructor(app, plugin) {
+ super(app, plugin);
+ this.plugin = plugin;
+ }
+ display() {
+ const { containerEl } = this;
+ const i18n = this.plugin.i18n;
+ containerEl.empty();
+ containerEl.createEl("h2", { text: i18n.settings.title });
+ new import_obsidian.Setting(containerEl).setName(i18n.settings.imageWidth.name).setDesc(i18n.settings.imageWidth.desc).addText((text) => text.setPlaceholder("auto").setValue(this.plugin.settings.imageWidth).onChange(async (value) => {
+ this.plugin.settings.imageWidth = value;
+ await this.plugin.saveSettings();
+ }));
+ new import_obsidian.Setting(containerEl).setName(i18n.settings.useCustomPath.name).setDesc(i18n.settings.useCustomPath.desc).addToggle((toggle) => toggle.setValue(this.plugin.settings.useCustomPath).onChange(async (value) => {
+ this.plugin.settings.useCustomPath = value;
+ await this.plugin.saveSettings();
+ }));
+ new import_obsidian.Setting(containerEl).setName(i18n.settings.imagePath.name).setDesc(i18n.settings.imagePath.desc).addText((text) => text.setPlaceholder("./assets").setValue(this.plugin.settings.imagePath).onChange(async (value) => {
+ this.plugin.settings.imagePath = value;
+ await this.plugin.saveSettings();
+ }));
+ new import_obsidian.Setting(containerEl).setName(i18n.settings.includeAlt.name).setDesc(i18n.settings.includeAlt.desc).addToggle((toggle) => toggle.setValue(this.plugin.settings.includeAlt).onChange(async (value) => {
+ this.plugin.settings.includeAlt = value;
+ await this.plugin.saveSettings();
+ }));
+ new import_obsidian.Setting(containerEl).setName(i18n.settings.showNotice.name).setDesc(i18n.settings.showNotice.desc).addToggle((toggle) => toggle.setValue(this.plugin.settings.showNotice).onChange(async (value) => {
+ this.plugin.settings.showNotice = value;
+ await this.plugin.saveSettings();
+ }));
+ }
+};
+
+// src/utils.ts
+function getFileExtension(mimeType) {
+ const mimeToExt = {
+ "image/jpeg": "jpg",
+ "image/png": "png",
+ "image/gif": "gif",
+ "image/svg+xml": "svg",
+ "image/webp": "webp",
+ "image/bmp": "bmp",
+ "image/tiff": "tiff"
+ };
+ return mimeToExt[mimeType] || "png";
+}
+function createHtmlImgTag(fileName, imagePath, imageDir, useCustomPath, customPath, imageWidth, includeAlt) {
+ let src = "";
+ if (useCustomPath) {
+ const path = customPath.trim();
+ if (path.startsWith("./") || path.startsWith("../")) {
+ src = `${path}/${fileName}`;
+ } else {
+ src = `./${path}/${fileName}`.replace(/\/\//g, "/");
+ }
+ } else {
+ src = fileName;
+ }
+ if (includeAlt) {
+ return `
`;
+ } else {
+ return `
`;
+ }
+}
+
+// src/main.ts
+var Img2HtmlPlugin = class extends import_obsidian2.Plugin {
+ async onload() {
+ await this.loadSettings();
+ this.i18n = getTranslations();
+ this.registerEvent(
+ this.app.workspace.on("editor-paste", this.handlePaste.bind(this))
+ );
+ this.settingTab = new Img2HtmlSettingTab(this.app, this);
+ this.addSettingTab(this.settingTab);
+ this.statusBarItemEl = this.addStatusBarItem();
+ this.statusBarItemEl.setText(this.i18n.statusBar.enabled);
+ this.registerDomEvent(window, "storage", (e) => {
+ if (e.key === "language") {
+ this.updateI18n();
+ }
+ });
+ }
+ onunload() {
+ }
+ /**
+ * 更新国际化翻译并刷新界面
+ */
+ updateI18n() {
+ this.i18n = getTranslations();
+ this.statusBarItemEl.setText(this.i18n.statusBar.enabled);
+ if (this.settingTab && this.settingTab.containerEl.parentElement) {
+ this.settingTab.display();
+ }
+ }
+ async loadSettings() {
+ this.settings = Object.assign({}, DEFAULT_SETTINGS, await this.loadData());
+ }
+ async saveSettings() {
+ await this.saveData(this.settings);
+ }
+ /**
+ * 处理粘贴事件
+ */
+ async handlePaste(evt, editor, view) {
+ var _a, _b, _c;
+ if (!((_a = evt.clipboardData) == null ? void 0 : _a.files.length)) {
+ return;
+ }
+ evt.preventDefault();
+ const file = evt.clipboardData.files[0];
+ if (!file.type.startsWith("image/")) {
+ return;
+ }
+ const activeFile = view.file;
+ if (!activeFile) {
+ return;
+ }
+ const timestamp = (/* @__PURE__ */ new Date()).getTime();
+ const fileName = `image_${timestamp}.${getFileExtension(file.type)}`;
+ let imagePath = "";
+ let imageDir = "";
+ if (this.settings.useCustomPath) {
+ const basePath = ((_b = activeFile.parent) == null ? void 0 : _b.path) || "";
+ const customPath = this.settings.imagePath.trim();
+ const normalizedCustomPath = customPath.startsWith("/") ? customPath.substring(1) : customPath;
+ if (normalizedCustomPath.startsWith("./") || normalizedCustomPath.startsWith("../")) {
+ imageDir = (0, import_obsidian2.normalizePath)(`${basePath}/${normalizedCustomPath}`);
+ } else {
+ imageDir = (0, import_obsidian2.normalizePath)(normalizedCustomPath);
+ }
+ if (!await this.app.vault.adapter.exists(imageDir)) {
+ await this.app.vault.createFolder(imageDir);
+ }
+ imagePath = `${imageDir}/${fileName}`;
+ } else {
+ const basePath = ((_c = activeFile.parent) == null ? void 0 : _c.path) || "";
+ imageDir = basePath;
+ imagePath = `${basePath}/${fileName}`;
+ }
+ const buffer = await file.arrayBuffer();
+ await this.app.vault.createBinary(imagePath, buffer);
+ const imgTag = createHtmlImgTag(
+ fileName,
+ imagePath,
+ imageDir,
+ this.settings.useCustomPath,
+ this.settings.imagePath,
+ this.settings.imageWidth,
+ this.settings.includeAlt
+ );
+ editor.replaceSelection(imgTag);
+ if (this.settings.showNotice) {
+ new import_obsidian2.Notice(`${this.i18n.notice.imagePasted} ${imageDir}`);
+ }
+ }
+};