Tinymce 图片上传失败后自动关闭弹窗

在使用 Tinymce 编辑器时,如果图片上传失败,默认情况下弹窗会保持打开状态,这对用户不太友好。为了提升用户体验,我们可以设置在上传失败时自动关闭弹窗。

以下是如何实现这一功能的方法:

代码示例:

tinymce.init({
  selector: 'textarea',
  plugins: 'image',
  toolbar: 'image',
  file_picker_callback: function(callback, value, meta) {
    // 你的图片上传逻辑
    // 如果上传失败:
    tinymce.activeEditor.windowManager.close(); 
  }
});

代码解释:

  1. file_picker_callback: 这个回调函数在用户选择图片后触发,我们可以在此处理图片上传逻辑。
  2. tinymce.activeEditor.windowManager.close();: 这行代码用于关闭当前活动的 TinyMCE 编辑器的弹窗。

如何使用:

  1. 将以上代码添加到你的 Tinymce 初始化代码中。
  2. file_picker_callback 函数中,编写你的图片上传逻辑。
  3. 在上传失败的情况下,调用 tinymce.activeEditor.windowManager.close(); 关闭弹窗。

通过以上步骤,即可在 Tinymce 图片上传失败时自动关闭弹窗,优化用户体验。

Tinymce 图片上传失败后自动关闭弹窗 - 解决方法

原文地址: https://www.cveoy.top/t/topic/jvFZ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录