JS - 如何动态更改我的 tinymce 中的图像

Question

我尝试在 tinymce 编辑器中编辑我的图像，我已经有一张图片，我尝试编辑这张图片的路径以动态地改变它：

tinymce.activeEditor.selection.getNode().src = '/my/path/'

它起作用了，图像被编辑了，但是当我得到编辑器的 html 内容时，src 仍然是旧图像。

还有其他方法可以更改图片来源吗？

Answer 1

有一个简单的方法可以做到这一点，这里看看:

使用 file_browser_callback 创建您的自定义文件浏览器：myFileBrowser, 在您的 tinymce.init.

然后在你的回调函数中

function myFileBrowser(field_name, url, type, win) {
  tinyMCE.activeEditor.windowManager.open(
    {
      file: './test.html',
      title: 'My File Browser',
      width: 420, // Your dimensions may differ - toy around with them!
      height: 400,
      resizable: 'yes',
      close_previous: 'no',
    },
    {
      window: win,
      input: field_name,
    },
  );
  return false;
}

通过这样做，您告诉 tiny mce 打开一个新的弹出窗口，即文件 'test.html'，并向您的弹出窗口发送两个参数 window : win, input : field_name.

然后在您的 test.html 中，您可以获得这样的参数：

var args = top.tinymce.activeEditor.windowManager.getParams();

这将为您提供一个包含您的参数和值的对象。您现在可以使用一点 jquery 或任何您想用新图像的路径替换图像值的字段。然后关闭弹出窗口。

希望对你有所帮助。

JS - 如何动态更改我的 tinymce 中的图像

JS - How to change dynamically an image in my tinymce

html

javascript

tinymce