[JS 代码片段] 添加注释显示时换行

效果

换行条件是将;后面的空格换成 <br/> 不会修改笔记内容; 只是切换了展示效果

JS 代码片段

// 创建一个 MutationObserver 实例
const observer = new MutationObserver((mutationsList) => {
  // 遍历每个变化
  mutationsList.forEach((mutation) => {
    // 检查是否有子节点被添加
    if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
      // 遍历添加的节点
      mutation.addedNodes.forEach((addedNode) => {
        // 检查是否是 tooltip 节点
        if (addedNode.id === 'tooltip' && addedNode.nodeType === Node.ELEMENT_NODE) {
          // 修改节点的文本内容
          const tooltipText = addedNode.textContent;
          const updatedText = tooltipText.replace(/; /g, ';<br/>');
          addedNode.innerHTML = updatedText;
        }
      });
    }
  });
});

// 监视文档根节点的子节点变化
observer.observe(document.body, {
  childList: true,
  subtree: true,
});

// 示例代码结束后，如果不再需要监视，请使用以下代码停止 MutationObserver：
// observer.disconnect();