将图片插入或复制/粘贴到文本框答案

【问题标题】：Inserting or copy/pasting picture to a textbox将图片插入或复制/粘贴到文本框
【发布时间】：2015-05-11 14:16:25
【问题描述】：

我有一个带有文本区域（名为“解决方案支持”）的文件，您可以在其中解释如何解决问题。我的问题是用户可以添加图片以便更好地解释。如果他复制/粘贴或者他必须单击并拖动或任何我不在乎的东西，他必须能够将图片放入文本区域。我想知道是否存在另一个可以执行此操作的文本框，以及文本框在 PhpMyAdmin 中必须是什么类型。

我的文本区域：

<textarea  name="Escalade" class="longInput" cols="80%" rows="19" wrap="hard">
</textarea>

【问题讨论】：

您希望用户将文件存储在您的服务器中吗？或者也许只是获取存储在网站中的文件的 URL？还尝试将图像或文件的路径存储到数据库中，而不是直接存储图像
如果你有问题，你搜索问题，你有一个文件解释如何解决它。你知道，一个教程用图片更容易理解。我希望能够存储文本和图片，如果我点击问题，我可以看到如何解决它。你知道，就像每一个好的教程一样
我明白这一点，但我想问的是您是否真的将图像直接保存到 MySQL 数据库中（更难）或将其保存在服务器上并将文件的路径保存在数据库中，请参阅这个答案stackoverflow.com/a/10773088/4884034
我不知道哪个更好，但没关系。我可以两者兼得
谢谢你的回答:)

标签： html

【解决方案1】：

如果没有某种 JavaScript WYSIWYG 库，这是不可能的，因为 vanilla textarea 只接受文本（名称中有线索）。

我假设您正在 phpMyAdmin 中查看提交，它是 MySQL 数据库的接口。它对开发东西很有用，但从长远来看，它不如管理员用户界面那么好。你问的是什么叫做转换。

这里有一些关于在数据库中存储图像的教程：

以下是一些所见即所得编辑器的列表：

那些 phpMyAdmin 转换：

http://docs.phpmyadmin.net/en/latest/transformations.html

至少在不查看表单背后的 PHP 代码的情况下，这几乎可以为您提供尽可能多的帮助。希望这会有所帮助。

【讨论】：

谢谢，我去看看

【解决方案2】：

如果有人在寻找答案，我曾问过我的教授，他回答说我正在寻找的是“富文本编辑器”。我将 ckeditor 与插件 prgfilemanager 一起使用。它允许我插入图片，但我不能复制/粘贴它们，这很烦人......

你可以在这里试试http://ckeditor.com/demo如果你遇到和我一样的问题，希望对你有帮助:)

【讨论】：

【解决方案3】：

虽然您确实不能使用文本区域，但答案很简单。您可以使用内容可编辑的 div，将内容抓取为 html，然后使用 AJAX 和 PHP 将其写入数据库。

只需像这样命名一个 div：

<div class="my_article" contenteditable></div>

并通过单击按钮将内容传递给 JS 变量，然后使用 AJAX 将其传递给 PHP。

var content1 = $('.my_article').html();

如果有人需要进一步的帮助，请发表评论，我很乐意提供帮助。

【讨论】：