将图像从本地上传到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上方放置其他控件，在这种情况下是上传图片控件。这将打开一些标准对话框并允许用户上传图像。完成后，您可以将图像直接注入体内。此外，您可以在您网站的其他地方使用此上传表单，而不是将其与TinyMCE紧密结合。

完成所有这些操作后，将图像上传图标从微小执行上传JavaScript对话框可能并不困难。

Answer 3

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

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

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