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

Question

我尝试在tinymce编辑器中编辑我的图像， 我已经有一个图像进入它，我尝试编辑此图像的路径以便将其更改为：

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

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

有没有其他的方式来改变图像的来源？

Answer 1

有一个简单的方法来做到这一点，看看这里：

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

在回调函数

然后`函数myFileBrowser（FIELD_NAME，网址，类型，赢）{

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; 
}` 

通过这样做，你告诉微小的MCE打开一个新的弹出窗口至极是文件“的test.html” ，并发送给您弹出的两个参数 window : win, input : field_name。

然后在你的test.html，你可以得到这些参数是这样的：

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

这会给你与你的参数和值的对象。你现在可以使用一个小jQuery或任何你想用你的新图像的路径替换图像值的字段。然后关闭你的弹出窗口。

希望我帮助你。