将图像从本地上传到 TinyMCE？答案

【问题标题】：Uploading image from local into TinyMCE?将图像从本地上传到 TinyMCE？
【发布时间】：2012-10-21 10:58:11
【问题描述】：

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

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

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

【问题讨论】：

您也许可以为 tinymce 编写一个plugin，它与 javascript 一起使用，并使用图像上传站点将内容上传到。可以这样想：你所要做的就是，用 JavaScript 编写一个像 SO 一样的插件，用于上传到 imgur。我可以开发一个，但要使用什么图像主机？ :|尽管如此，我还是开始了赏金，因为这对我也很有用！ :)

标签： javascript jsp file-upload tinymce wysiwyg

【解决方案1】：

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

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

我的插件也不处理图像的存储，并将其留给后端。在 Rails 中，这将通过 CarrierWave 或 Paperclip 完成，我确信 Java 世界中存在一些类似的项目。

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

【讨论】：

【解决方案2】：

实际上，您应该一起避免这个问题。如果您查看其他一些使用 TinyMCE 的流行网站，例如 Tumblr，它们实际上避免了这个问题。将上传脚本与 TinyMCE 集成是一项大量工作。另一方面，创建一个上传表单，甚至是一个 AJAX 上传表单，都不是太难。

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

完成所有这些后，让来自 tiny 的图片上传图标执行上传 JavaScript 对话框可能并不难。

【讨论】：

【解决方案3】：

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

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

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

【讨论】：