php - 让我的 JavaScript 文本编辑器提交

Question

所以我想做的事情似乎非常基本，但是，我已经花了 6 个多小时苦苦寻找解决方案，而且我根本想不出其他任何事情。问题是这样的:

我正在我的网站中实现名为“NicEdit”的基于 javascript 的文本编辑器，具体来说，我是根据 this 设置它的。例子。问题是这个例子使用 "<div ></div>"对于文本字段而不是 "<textfield></textfield>" 。一段时间以来，我一直在寻找如何使用 PHP 的 POST 方法提交这样的基于 div 的文本字段，但我没有任何线索。

我也尝试过使用其他编辑器，但每一个编辑器都遇到了糟糕的文档和障碍(这有多难？)。此外，NicEdit 与我想要实现的功能最接近，所以最好我愿意坚持使用它。

附注我现在正在通过 xampp 通过 localhost 运行我的网站。我的所有其他网页和 JavaScript 代码都运行正常。

感谢您的帮助，

~雅各布

Answer 1

“一段时间以来，我一直在寻找如何使用 PHP 的 POST 方法提交基于 div 的文本字段”

首先，PHP 没有 POST 方法。 HTTP 实现了 POST。 PHP 只是让您在 HTTP POST 数据发送到服务器后访问该数据(通过 $_POST)。

回到你的问题......让我们考虑一下需要做什么才能使这项工作成功。步骤如下:

1. 我们需要访问可编辑 div 的文本内容。
2. 我们需要通过 HTTP post 将该数据提交到一个 php 文件，该文件可以接受吧。

NicEdit API documentation给出了如何通过ajax保存文本的引用here .

为了这个答案的目的，我们将只用老式的方式来做，不使用ajax。现在，文档还说有一个“.getContent()”方法可用，它将返回显示为编辑器的 div 的 HTML 内容。因此，您可以执行以下操作:

var myNicEditor = new nicEditor();
var txt = myNicEditor.getContent(); // gets editable content from div

现在我们只需将该文本提交到我们创建的 php 文件中。我不会介绍如何创建 php 文件或如何处理其中的 $_POST 数据，因为我无法为您编写代码。

您可以使用 javascript 将新创建的 txt 变量存储到页面上的隐藏表单字段，然后提交该表单，但这很愚蠢。相反，check out this SO answer for how to post data to a url without a form in javascript .