Javascript 仅在视觉模式下过滤WordPress编辑器的html

我已经在谷歌上搜索了很多次，但还没有找到答案。我在我正在创建的插件中使用了一个函数，它可以替换插入的任何图像的文件url，并用占位符“%HOME%”或“%SITE”替换它

下面是该函数的代码：

    function awel4wd_editor_links($html) {

          $homeURL = get_home_url();
          $siteURL = get_site_URL();

          $newContent = str_replace($siteURL, "%SITE%", $html);
          $newContent = str_replace($siteURL, "%HOME%", $newContent);

          $html = $newContent;
          return $html;

}

这就是我想要的，除了你们可以想象的，视觉模式下的图像不再工作，显示为一个断开的图像链接

因此，我的目标是：我希望有某种过滤器，可以在选择视觉模式时进行检测，获取编辑器中用于在视觉模式下显示的内容，并通过一个函数运行它，该函数将用完整URL替换%SITE%和%HOME%，以便图像显示在视觉编辑器中等

然后，当它切换回文本模式时，它需要执行相反的操作，并将%HOME%和%SITE%占位符放回原处。我希望Placeholder是什么样的是给现场虽然

我曾尝试创建函数来实现“内容编辑器”和“richedit\u pre”，但这些钩子通常在内容加载之前输出，因此它们不会为可视化编辑器更新，也不会完全更改html和可视化编辑器的链接。我愿意听取关于如何使用短代码实现这一点的建议（基本上是通过在可视化编辑器中运行短代码），但到目前为止，我还没有找到正确的挂钩或操作来实现这一点

我还研究了创建一个很有意义的微型MCE插件，但我对js不是很在行，我看到的大多数例子都是这些怪物，它们做的事情超出了我的需要，我很难进行分类。我只需要确定是否处于可视模式，找到并替换，然后执行相反的操作。至少我是这么想的

---

非常感谢您的帮助，非常感谢简单的特定代码。谢谢

有人对此有想法吗？