tinyMCE:如何启用图片上传?

时间:2016-07-27 13:50:56

标签: tinymce tinymce-4

我正在尝试将图片上传添加到tinyMCE:

我用它:

 <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
  <script>
  tinymce.init(
  { selector:'textarea',
   plugins: [
    "advlist autolink lists link image charmap print preview anchor",
    "searchreplace visualblocks code fullscreen",
    "insertdatetime media table contextmenu paste image"
  ],        
  automatic_uploads: true,
  images_upload_url: 'postAcceptor.php',
  images_upload_base_path: '/some/basepath',
  images_upload_credentials: true
   });     
   </script>
<textarea>Hello world</textarea>

这个选项只让我有机会链接到HTTP图像,没有上传图像的功能

1 个答案:

答案 0 :(得分:0)

添加images_upload_xxxx属性不会自动添加用户界面/功能来选择图像并插入到TinyMCE中。这些属性的作用是告诉TinyMCE如何处理在编辑器中拖放图像或使用图像编辑器在编辑器中修改图像等操作时最终出现在编辑器中的Base64图像。

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

如果您希望用户界面从硬盘驱动器中选择图像并将其插入编辑器,您可以选择几个...

  • 使用第三方插件执行此操作(例如MoxieManager或其他类似插件)
  • 构建自己的代码来处理此过程

当然,最快的答案是使用现有的第三方工具。 MoxieManager是商业广告,因此需要付费才能获得支持。开源工具可以做同样的事情,但对这些工具的支持程度会因项目的活跃程度以及社区对每个项目的参与程度而有所不同。