让我的 JavaScript 文本编辑器提交

Question

所以我正在尝试做的事情似乎非常基本，但是，我已经研究了超过 6 个小时的解决方案，我根本想不出其他任何事情。问题来了：

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

我也尝试过使用其他编辑器，但我遇到了糟糕的文档和每一个编辑器的障碍（这有多难？）。此外，NicEdit 有最接近我想要实现的东西，所以最好我想坚持下去。

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

感谢您的帮助，

~Jakobp

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。

Answer 2

尝试使用实际的“文本”编辑器，而不是所见即所得的编辑器。