[js] 通过快捷键实现简单的合并块

最新版, 请移步到: [js] 快捷键 合并和拆分块 -- 完善版

佬，我试了一下发现分屏使用的时候有 bug，比如两个文档左右分屏，左边的文档合并块后，内容会移动至右边的文档里（不管有几个文档分屏，最后合并块后，内容都会自动移动至最右边的文档内）

淦, 忘记放代码了

(()=>{
function press_once(keyInit) {
    keyInit["bubbles"] = true;
    let keydownEvent = new KeyboardEvent('keydown', keyInit);
    document.querySelector('.protyle:not(.fn__none) .protyle-wysiwyg.protyle-wysiwyg--attr')?.dispatchEvent(keydownEvent);
    let keyUpEvent = new KeyboardEvent('keyup', keyInit);
    document.querySelector('.protyle:not(.fn__none) .protyle-wysiwyg.protyle-wysiwyg--attr')?.dispatchEvent(keyUpEvent);
}
function press_enter() {
    press_once({
        key: 'Enter',
        keyCode: 13, // 不推荐使用，但某些情况下需要
    });
}
function press_up() {
    press_once({
        key: 'ArrowUp',
        keyCode: 38, // 不推荐使用，但某些情况下需要
    });
}
// 合并选中的块
async function handle_merge() {
    // 触发 ctrl+c, 复制选中的块
    document.execCommand('copy');
    // 获取剪贴板文本
    let clipboardText = await navigator.clipboard.readText();
    // 删除空行
    let clipboardTextRet = clipboardText.replace(/^\s*[\r\n]/gm, '');
    // 如果不需要处理, 则直接返回
    if (clipboardTextRet == "" || clipboardText == clipboardTextRet) {
        console.log(clipboardText)
        console.log("不需要处理")
        return;
    }
    // 触发 ctrl+x, 剪切选中的块, 目的是删除原有内容
    document.execCommand('cut');
    // 将处理后的文本复制到剪贴板
    await navigator.clipboard.writeText(clipboardTextRet);
    // 回车两次, 防止粘贴的内容与下行内容相互影响
    press_up()
    press_enter()
    press_enter()
    // 触发 ctrl+v, 粘贴处理后的内容
    document.execCommand('paste');
}
// 事件监听
document.addEventListener('keydown', async (event) => {
    // 检查是否按下了 Ctrl + r
    if (event.ctrlKey && event.key === 'r') {
        // event.preventDefault(); // 防止快捷键默认行为
        await handle_merge();
    }
});
})()
​

感谢反馈, 修改如下

将函数 press_once 里面两个 document.querySelector 搜索的内容换一下

修改前

function press_once(keyInit) {
    keyInit["bubbles"] = true;
    let keydownEvent = new KeyboardEvent('keydown', keyInit);
    document.querySelector('.protyle:not(.fn__none) .protyle-wysiwyg.protyle-wysiwyg--attr')?.dispatchEvent(keydownEvent);
    let keyUpEvent = new KeyboardEvent('keyup', keyInit);
    document.querySelector('.protyle:not(.fn__none) .protyle-wysiwyg.protyle-wysiwyg--attr')?.dispatchEvent(keyUpEvent);
}
​

修改后

function press_once(keyInit) {
    keyInit["bubbles"] = true;
    let keydownEvent = new KeyboardEvent('keydown', keyInit);
    document.querySelector('[data-type="wnd"].layout__wnd--active .protyle:not(.fn__none) .protyle-wysiwyg.protyle-wysiwyg--attr')?.dispatchEvent(keydownEvent);
    let keyUpEvent = new KeyboardEvent('keyup', keyInit);
    document.querySelector('[data-type="wnd"].layout__wnd--active .protyle:not(.fn__none) .protyle-wysiwyg.protyle-wysiwyg--attr')?.dispatchEvent(keyUpEvent);
}
​