求助实现多个块的快速合并及折叠

选中后 ctrl+q 触发, 触发后会将选中的内容转换成引用, 过程中会有点卡顿, 因为不知道为啥, 延时低了就会报错, 所以只能先让 sleep 时间长一点

触发前, , 触发后,

(()=>{
// 延迟执行
function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}
function press_once(keyInit, selector = null) {
  keyInit["bubbles"] = true;
  if (selector == null) {
    selector = document.querySelector('[data-type="wnd"].layout__wnd--active .protyle:not(.fn__none) .protyle-wysiwyg.protyle-wysiwyg--attr')
  }
  else if (typeof selector === 'function') {
    selector = selector()
  }
  else if (typeof selector === 'string') {
    selector = document.querySelector(selector)
  }
  if (!selector) return
  selector.dispatchEvent(new KeyboardEvent('keydown', keyInit));
  selector.dispatchEvent(new KeyboardEvent('keyup', keyInit));
}
async function add_new_line_before() {
  press_once({
    key: 'Enter',
    ctrlKey: true,
    shiftKey: true,
    keyCode: 13, // 不推荐使用，但某些情况下需要
  });
}
function click_right(ele) {
  // 创建一个右键点击的 MouseEvent
  const rightClickEvent = new MouseEvent('contextmenu', {
    bubbles: true,
    cancelable: true,
    view: window,
    button: 2 
  });
  ele.dispatchEvent(rightClickEvent);
}


// 获取光标所在的元素
function getElementAtCursor() {
  const selection = window.getSelection();

  if (selection.rangeCount > 0) {
    const range = selection.getRangeAt(0);
    const startContainer = range.startContainer;
    // 如果是文本节点，获取其父元素
    const element = startContainer.nodeType === 3 ? startContainer.parentNode : startContainer;
    return element;
  }

  return null; // 如果没有选中内容或光标位置无效
}

// 获取当前选中的文本
async function get_selected_data() {
  // 触发 ctrl+c, 复制选中的块
  document.execCommand('copy');
  // 获取剪贴板文本
  return await navigator.clipboard.readText();
}
// 设置文本
async function paste_data(data) {
  // 将处理后的文本复制到剪贴板
  await navigator.clipboard.writeText(data);
  // 触发 ctrl+v, 粘贴处理后的内容
  document.execCommand('paste');
  await sleep(20)
}

// 清空选中的内容: 先剪切, 再增加空行
async function clear_selected_data() {
  // 触发 ctrl+x, 剪切选中的块, 目的是删除原有内容
  document.execCommand('cut');
  await add_new_line_before()
}

// 转换引用 - 使用系统自带的转换功能 
function convert_quote_from_sys(event) {
  click_right(event.target)
  // 创建 mouseover 事件
  const mouseOverEvent = new MouseEvent('mouseover', {
    view: window,
    bubbles: true,
    cancelable: true,
  });
  let turn_ele = document.querySelector('.b3-menu__items>[data-id="turnInto"]')
  turn_ele?.dispatchEvent(mouseOverEvent);
  turn_ele = turn_ele?.querySelector('.b3-menu__submenu>.b3-menu__items>[data-id="quote"]')
  if (!turn_ele) return false
  turn_ele.click()
  return true
}
// 转换引用 - 使用自己实现的的转换功能
async function convert_quote_from_my(clipboardText) {
  // 删除原有内容, 并增加空行
  await clear_selected_data()
  let clipboardTextRet = clipboardText
    .split('\n')
    .map(line => "> " + line)
    .join('\n')
  // 粘贴处理后的文本
  await paste_data(clipboardTextRet);
}
async function fold_block() {
  await sleep(300);
  let ele = getElementAtCursor();
  if (!ele) return
  while (!ele.parentNode.classList.contains("protyle-wysiwyg--attr") && ele.getAttribute('data-type') != 'NodeBlockquote') {
    ele = ele.parentNode
  }
  click_right(ele)
  await sleep(300)
  document.querySelector('.b3-menu__items>[data-id="fold"]')?.click()
}

// 合并选中的块
async function handle_merge(event) {
  // 获取当前选中的文本
  let clipboardText = await get_selected_data();
  // 如果不需要处理, 则直接返回
  if (clipboardText == "") {
    console.log("不需要处理")
    return;
  }
  
  if (convert_quote_from_sys(event)) {
    console.log("系统转换成功")
  }
  else {
    await convert_quote_from_my(clipboardText)
    console.log("自定义转换成功")
  }
  await fold_block();
}

// 事件监听
document.addEventListener('keydown', async (event) => {
  // 检查是否按下了 Ctrl + q
  if (event.ctrlKey && event.key === 'q') {
    // event.preventDefault(); // 防止快捷键默认行为
    await handle_merge(event);
  }
});
})()