将图片从本地上传到TinyMCE？

Question

我正在使用TinyMCE。它工作得很好。但我希望在TinyMCE中的功能，用户可以上传图像从本地框/或从公共网站。

我使用Tomcat、JSP和核心Java。我发现了几个免费的第三方库，如ibrowser，imanager，jbimages等，但它们都使用PHP，看起来不适合我现有的项目(我不知道PHP，但我试图将其中一个集成到我现有的项目中，它们不能工作，并给出一些奇怪的错误)。真的，我不确定如何在TinyMCE中拥有这个特性(如果其他编辑器支持JSP，我可以尝试一下)？

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

Answer 1

我正在维护tinymce-rails-imageupload，它提供了一个让TinyMCE从用户机器上传图像的插件。

现在，这是为了与Rails一起使用，但它不应该需要太多的修改就可以与其他东西一起使用。或者至少，您可以使用JavaScript/HTML作为您自己的插件的基础，该插件可以很好地与Java后端集成。

我的插件也不处理图像的存储，而是把它留给后端。在Rails中，这将使用CarrierWave或Paperclip来完成，我相信在Java界中也存在一些类似的项目。

我知道这本身并不是一个真正的解决方案，但希望它可以作为一个起点。

Answer 2

实际上，您应该一起避免这个问题。如果你看看其他一些使用TinyMCE的流行网站，比如Tumblr，他们实际上避免了这个问题。将上传脚本与TinyMCE集成是一项很大的工作。另一方面，创建一个上传表单，即使是AJAX上传表单，也不是很困难。

我建议您将TinyMCE的UI样式设置为允许您将其他控件放在TinyMCE之上，在本例中是一个upload图片控件。这将打开一些标准的对话框，并允许用户上传图像。完成此操作后，您可以将图像直接注入正文中。更重要的是，您可以在站点的其他地方使用此上传表单，而不必将其与TinyMCE紧密耦合。

一旦你完成了这一切，让tiny的图像上传图标执行你的upload JavaScript对话框可能并不难。

Answer 3

我在我的私有cms中也遇到了类似的问题，现在它是一个常见的基于java的cms。

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

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