使用多个内联编辑器上传TinyMCE本地图像

时间:2017-11-16 19:51:44

标签: javascript html tinymce image-uploading tinymce-4

首先,我是tinymce的初学者,而且不是英国人,所以对任何错误都抱歉;)

我打算通过按下按钮并运行tinymce网站提供的功能,从我网站上的多个内联tinymce(v.4)编辑器上传本地图像(Base64):



tinymce.activeEditor.uploadImages(function(success) {
  $.post('ajax/post.php', tinymce.activeEditor.getContent()).done(function() {
    console.log("Uploaded images and posted content as an ajax request.");
  });
});




到目前为止,它的效果非常好,但我仍然遇到一个小问题:它只会上传来自"活动编辑器的图像" (如代码中所述)。如果我将一个图像添加到编辑器,而不是在页面上聚焦到另一个图像然后运行该功能,它只会从当前活动的编辑器上传,而不是我之前添加的图像。

如何从页面上的所有编辑器上传它?

提前致谢!

1 个答案:

答案 0 :(得分:0)

TinyMCE已经有办法处理插入本地图像并将它们发送到您的服务器:

https://www.tinymce.com/docs/advanced/handle-async-image-uploads/

如果您在编辑器init()时在每个编辑器上对此进行配置,这些内容将在所有编辑器实例中正确完成。