无法通过KeystoneJS Admin UI中的TinyMCE WYSISYG编辑器从本地计算机上传图像

时间:2018-11-29 14:22:34

标签: tinymce tinymce-4 keystonejs

在TinyMCE中,可以使用图像插件将图像插入内容中,但是显示的默认对话框仅支持在“源”输入字段中输入直接链接到现有图像的URL:

enter image description here

我希望能够从浏览器的本地计算机上载图像。根据文档,我需要做的就是指定一个image_upload_url选项,该选项设置为一个指向wysiwyg additional options中有效上传URL的字符串。我已经创建了该终结点(/content)并设置了该选项,但是到目前为止还没有运气。我还尝试了许多其他选项,只是想看看会发生什么,而我测试过的任何东西都无法调出选项卡,让我可以选择要上传的本地图像。这是我的梯形所见即所得配置的代码片段:

  'wysiwyg additional buttons': [
    'formatselect',
    'subscript superscript bold italic underline forecolor',
    'link',
    'alignleft aligncenter alignright alignjustify',
    'bullist numlist outdent indent',
    'image media',
    'removeformat',
  ].join(','),

  'wysiwyg additional plugins': [
    'textcolor',
    'image',
    'media',
  ].join(','),

  'wysiwyg additional options': {
    image_title: true,
    automatic_uploads: true,
    file_picker_types: 'image',
    images_upload_url: '/content',
    images_upload_handler: (_blockInfo: any, _success: any, _failure: any) => {
      // code goes here
    },
    file_picker_callback: (_cb: any, _value: any, _meta: any) => {
      // code goes here
    },
  },

  'wysiwyg cloudinary images': true,

  'wysiwyg override toolbar': true,
  'wysiwyg skin': 'lightgray',

我敢肯定,我在这里遗漏了一些相当简单的东西,但是我觉得我已经尽力了。 编辑:我也尝试过uploadimage_form_url,因为在发布到此网站的其他问题中我看到了对该选项的引用,但这也没有用。

0 个答案:

没有答案