Question

我尝试在tinymce编辑器中编辑我的图像，我已经有了一个图像，我尝试编辑此图像的路径以使用以下方式改变它：

val reviews_per_user = sqlcontext.sql("SELECT U.user_id, R.review_id FROM User_base U LEFT JOIN Review_base R ON U.user_id = R.user_id GROUP BY U.user_id, R.review_id)

并且它有效，图像被编辑但是当我获得编辑器的html内容时，src仍然是旧图像。

还有其他方法可以改变图像的来源吗？

Answer 1

这是一种简单的方法，请看一下：

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

然后在你的回调函数`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;
 }`

通过这样做，你告诉小mce打开一个新的弹出文件，它是'test.html'文件，然后你发送到弹出窗口的两个参数 window : win, input : field_name。

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

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

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

希望我能帮到你。

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

1 个答案: