[仅适用于手机端] 一个在锁定编辑旁边可以隐藏一些图标的 js

默认勾选

取消勾选后

目前还有一点问题

// 插入开关功能
function insertSwitchBeforeButton() {
  // 循环查找目标按钮，直到找到为止
  function findAndInsert() {
    // 尝试查找目标按钮，仅在符合指定选择器时插入
    let targetButton = document.querySelector('#editor > div.protyle-breadcrumb > button.protyle-breadcrumb__icon.ariaLabel');
    let toolbar = document.querySelector('.toolbar.toolbar--border'); // 查找需要控制的工具栏

    // 查找需要控制的三个按钮
    let button4 = document.querySelector('#editor > div.protyle-breadcrumb > button:nth-child(4)');
    let button5 = document.querySelector('#editor > div.protyle-breadcrumb > button:nth-child(5)');
    let button6 = document.querySelector('#editor > div.protyle-breadcrumb > button:nth-child(6)');
    let css1 = document.querySelector('#editor > div.protyle-content.protyle-content--transition > div.protyle-top');


    if (targetButton && toolbar) {
      // 如果找到了目标按钮和工具栏，且符合选择器
      let switchElement = document.createElement('input');
      switchElement.type = 'checkbox'; // 创建一个复选框作为开关
      switchElement.style.marginRight = '8px'; // 添加样式，调整位置
      switchElement.checked = true; // 默认是选中状态，工具栏显示

      // 开关的点击事件，用来控制工具栏和按钮的显示和隐藏
      switchElement.addEventListener('change', () => {
        if (switchElement.checked) {
          toolbar.style.display = ''; // 显示工具栏
          button4.style.display = '';
          button5.style.display = '';
          button6.style.display = '';
          css1.style.display = '';
          console.log("工具栏已显示");
        } else {
          toolbar.style.display = 'none'; // 隐藏工具栏
          button4.style.display = 'none';
          button5.style.display = 'none';
          button6.style.display = 'none';
          css1.style.display = 'none';
          console.log("工具栏已隐藏");
        }
      });

      // 插入开关到按钮前面
      targetButton.parentNode.insertBefore(switchElement, targetButton);
      console.log("开关已成功插入到目标按钮前面");

      // 停止查找
      clearInterval(searchInterval);
    } else {
      console.warn("目标按钮或工具栏未找到，继续尝试...");
    }
  }

  // 每隔 500 毫秒查找一次目标按钮和工具栏
  let searchInterval = setInterval(findAndInsert, 500);

  // 如果超过 10 秒仍未找到，停止查找并提示
  setTimeout(() => {
    clearInterval(searchInterval);
    console.error("超过 10 秒仍未找到目标按钮或工具栏，请检查选择器或页面是否正确加载");
  }, 10000); // 10 秒后停止查找
}

// 启动插入开关功能
insertSwitchBeforeButton();