有什么方法可以把js注入到TinyMCE中的iframe?

WordPress6之前的版本用的都是经典编辑器,而编辑器用的就是TinyMCE,所以我们要改动的主角就是它了。

还没改之前觉得挺简单的,真去动手改造的时候,就懵逼了,找了半天没有相关的配置项,最后莫得办法只好去操作dom了,虽然TinyMCE也是操作dom,但是解决问题的第一反应是TinyMCE应该有提供这些方法/配置项?然而并没有,一番无果后,那就自己动手丰衣足食呗。

相关代码如下:

// 其实主要的思路就是监听编辑器初始化后,挂载js脚本

editor.on("init", function () {
  const scriptId = editor.dom.uniqueId();
  const scriptEle = editor.dom.create("script", {
    id: scriptId,
    type: "text/javascript",
    src: "挂载的脚本地址",
  });
  editor.getDoc().getElementsByTagName("head")[0].appendChild(scriptEle);
});

原文地址:https://www.yerenwz.com/6533.html

posted @ 2022-08-25 23:44  zhuibo6  阅读(160)  评论(0编辑  收藏  举报