场景： 将有道云笔记迁移到思源笔记
需要逐个笔记进行拷贝粘贴， 万恶的有道云笔记不支持图片的拷贝（大图片），需要保存为本地图片在插入到思源笔记。
当前的问题： 思源笔记插入图片的菜单比较远，需要二级菜单才能点到对应的功能，操作起来耗时费力。
期望：
方案 1： 添加“插入图片”的快捷键
方案 2： 在工具栏添加“插入图片”按钮
插入图片希望添加快捷键
相关帖子
- 其他回帖
-
-
我简单写了一个 js 片段, 不知道能否符合你的要求
// 增加按钮&快捷键实现: 插入图片或文件 // 修改有标记的配置 "[可修改]" (async () => { /*******************************自定义配置**************************************/ // 按钮id const btn_e = { /***********左上角**********/ // 返回按钮(左箭头) barBack : "barBack", // 前进按钮(右箭头) barForward : "barForward", // 同步按钮 barSync : "barSync", // 皇冠图标 toolbarVIP : "toolbarVIP", // 日历热力图插件 heatmap : "plugin_Calendar-heatmap_0", /***********右上角**********/ // 搜索按钮 barSearch : "barSearch", // 插件按钮 barPlugins : "barPlugins", // 命令面板按钮 barCommand : "barCommand", /***********左下角**********/ // 底栏中的隐藏侧栏按钮 barDock : "barDock", /***********右下角**********/ // 底栏帮助按钮 statusHelp : "statusHelp", } // 插入位置 const position_e = { // 插入位置: 目标元素前面 before : "beforebegin", // 插入位置: 目标元素后面 after : "afterend", } // [可修改] 触发快捷键 const hotkey = "ctrl+alt+g" // [可修改] 按钮 插入的位置 跟 哪个元素 有关 const btn_basic_id = btn_e.barForward // [可修改] 按钮 插入到 元素 的前面还是后面 const btn_post = position_e.after // [可修改] 按钮 的悬浮显示内容 const btn_tips = "插入图片或文件" /*******************************代码分割线**************************************/ const icon_e = { // 设置 setting : "iconSettings", // 代码 code : "iconCode", // 刷新 refresh : "iconRefresh", // 调试 debug : "iconBug", // 下方 after : "iconAfter", // 下载 download : "iconDownload", } // 快捷键监听 document.addEventListener('keydown', event => { console.log("hotkey") if (checkShortcut(hotkey, event)) { // 阻止默认行为，比如浏览器的保存网页操作 // event.preventDefault(); quickInsertImgFunc() } }); /* 重新加载会有延时, 所以需要等待1s之后再添加按钮 */ setTimeout(() => { // 目标元素id, 插入位置, 新元素id, 显示内容, 图标, 点击回调 addElement(btn_basic_id, btn_post, "custom_quick_inser_img", btn_tips, icon_e.download, quickInsertImgFunc); }, 1000); function checkShortcut(hostkey, event) { const keys = hostkey.split("+"); const key = event.key.toLowerCase(); const isCtrl = event.ctrlKey ? "ctrl+" : ""; const isAlt = event.altKey ? "alt+" : ""; const isShift = event.shiftKey ? "shift+" : ""; const combination = isAlt + isCtrl + isShift + key; // console.log(keys.sort().join("+")) // console.log(combination) return keys.sort().join("+") === combination; } // 目标元素id, 插入位置, 新元素id, 显示内容, 图标, 点击回调 function addElement(targetId, position, newElementId, displayContent, icon, clickCallback) { let barMode = document.getElementById(targetId); if (barMode === null) { return "" } barMode.insertAdjacentHTML( position, `<div id="${newElementId}" class="toolbar__item ariaLabel" aria-label="${displayContent}"></div>` ); let newBtn = document.getElementById(newElementId); if (newBtn === null) { return "" } newBtn.innerHTML = `<svg><use xlink:href="#${icon}"></use></svg>`; newBtn.addEventListener("click", clickCallback); return newElementId } function quickInsertImgFunc() { const more_btn = document.querySelector('.layout__center [data-type="more"]:not([data-menu]'); if (more_btn) { more_btn.click(); setTimeout(() => { const insert_btn = document.querySelector('#commonMenu > div.b3-menu__items > button:nth-child(1) > span > input'); if (insert_btn) { insert_btn.click(); } }, 200); } } })()
欢迎来到这里！
我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。
注册 关于