获取我的JavaScript文本编辑器提交

时间:2011-12-08 06:07:15

标签: php javascript forms text-editor nicedit

所以我想做的事情看起来非常基本,但是,我已经在解决这个问题超过6个小时了,我根本想不出别的什么。这是问题所在:

我正在将基于javascript的文本编辑器“NicEdit”实现到我的网站中,具体而言我是根据this示例进行设置的。问题是此示例使用"<div ></div>"作为文本字段而不是"<textfield></textfield>"。我一直在寻找如何使用PHP的POST方法提交这样一个基于div的文本域一段时间,但我没有线索。

我也尝试过使用其他编辑器,但是我每次都遇到了糟糕的文档和障碍(这有多难?)。另外,NicEdit最接近我想要实现的东西,所以最好我想坚持下去。

P.S。我现在通过xampp通过localhost运行我的网站。我的所有其他网页和JavaScript代码都表现得很好。

感谢您的帮助,

〜Jakobp

2 个答案:

答案 0 :(得分:2)

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

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

回到你的问题......让我们思考一下这项工作需要做些什么。以下是步骤:

  1. 我们需要访问可编辑div的文本内容。
  2. 我们需要通过HTTP帖子将这些数据提交给可以的php文件 接受它。
  3. 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

答案 1 :(得分:-2)

尝试使用实际的&#34;文字&#34;编辑器,而不是WYSIWYG编辑器。