从本地上传图像到TinyMCE？

Question

我正在使用TinyMCE，它表现得很好。但是我想要TinyMCE中的一个功能：用户可以从本地框或公共网站上传图片。

我正在使用Tomcat、JSP和核心Java。我找到了一些免费的第三方库，如ibrowser、imanager、jbimages等，但它们都使用PHP，似乎不适合我的现有项目（我不懂PHP，但我尝试将其中一个集成到我的现有项目中，它们不起作用并给出一些奇怪的错误）。我真的不知道如何在TinyMCE中实现这个功能（如果其他编辑器支持JSP，则我可以尝试）。

我在互联网上寻找类似的问题，但每个第三方都使用PHP，而我使用的是JSP而不是PHP。

- M Sach

---

你可以尝试编写一个与 JavaScript 兼容的 tinymce 插件，使用图像上传网站来上传内容。可以这样想：你只需要像 SO 一样编写一个插件，用于在 JavaScript 中上传到 imgur。我可以开发一个，但是要使用哪个图像主机呢？ :| 尽管如此，我还是开始了一个悬赏，因为这对我也非常有用！ :) - Prasanth

Answer 1

我正在维护 tinymce-rails-imageupload，它提供了一个插件，使得TinyMCE可以从用户的设备上传图片。

该插件原本是为Rails设计的，但是修改一下就可以在其他地方使用。或者，您至少可以将JavaScript / HTML作为自己插件的基础，与Java后端进行良好的集成。

我的插件不处理图像的存储，而是交由后端处理。在Rails中，可以使用CarrierWave或Paperclip来完成这项工作，我相信在Java世界中也有类似的项目。

虽然这并不是完整的解决方案，但希望可以作为一个起点。

- PerfectlyNormal

Answer 2

您应该尽量避免这个问题。如果您查看一些使用TinyMCE的其他流行网站，比如Tumblr，它们实际上就避免了这个问题。将上传脚本与TinyMCE集成是相当费力的工作。另一方面，创建一个上传表单，即使是基于AJAX的上传表单，也并不太困难。

我建议您以一种可以将其他控件放置在TinyMCE正上方的方式来设计TinyMCE的UI，比如上传图片控件。这只会打开一些标准对话框，允许用户上传图像。上传完成后，您可以直接将图像注入到正文中。此外，您还可以在网站的其他地方使用此上传表单，而不必将其与TinyMCE紧密耦合。

完成所有这些后，可能并不难让TinyMCE中的图像上传图标执行您的上传JavaScript对话框。

- Parris

Answer 3

我在我的私人CMS中遇到了类似的问题，今天它已经成为一种常见的基于Java的CMS。

1. 无论如何，您都需要一个保存图像的服务器。
2. 您必须在网站上显示图像。

现在，您可以将图像拖放到TinyMCE组件中。 TinyMCE将在拖放时成为图像的URL，并在编辑器中显示新的html-img标记。

- Grim