使我的JavaScript文本編輯器提交

Question

因此，我試圖做的事情似乎非常基礎，但是，經過6個多小時的努力，我一直在尋找解決方案，而我什至想不起。 這是問題所在：

我正在我的網站中實現名為“ NicEdit”的基於JavaScript的文本編輯器，尤其是根據此示例進行設置。 問題在於此示例使用"<div ></div>"作為文本字段，而不是"<textfield></textfield>" 。 一段時間以來，我一直在尋找如何使用PHP的POST方法提交基於div的文本字段，但是我沒有任何線索。

我也嘗試使用其他編輯器，但是每一個編輯器都遇到了糟糕的文檔和障礙（這有多難？）。 此外，NicEdit與我要實現的功能最接近，因此我最好堅持使用它。

PS我現在正在通過xampp通過localhost運行我的站點。 我所有其他網頁和JavaScript代碼均正常運行。

謝謝您的幫助，

〜雅各布

Answer 1

“一段時間以來，我一直在尋找如何使用PHP的POST方法提交基於div的文本字段”

首先，PHP沒有POST方法。 HTTP實現POST。 一旦將數據發送到服務器，PHP便使您可以訪問HTTP POST數據（通過$ _POST）。

回到您的問題...，讓我們考慮一下進行這項工作需要發生什么。 步驟如下：

1. 我們需要訪問可編輯div的文本內容。
2. 我們需要通過HTTP發布將該數據提交到可以接受的php文件中。

該NicEdit API文檔給出了如何通過AJAX保存文本參考這里 。

出於此答案的目的，我們將以老式方式進行操作，而不使用ajax。 現在，文檔還說有一個“ .getContent（）”方法可用，該方法將返回顯示為編輯器的div的HTML內容。 因此，您可以執行以下操作：

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

現在，我們只需要將該文本提交到我們創建的php文件中即可。 我不會介紹如何創建php文件或如何處理其中的$ _POST數據，因為我不能為您編寫代碼。

您可以使用javascript將新創建的txt變量存儲到頁面上的隱藏表單字段中，然后提交該表單，但這很愚蠢。 相反， 請查看此SO答案，以了解如何將數據發布到沒有javascript表單的url中 。

Answer 2

嘗試使用實際的“文本”編輯器，而不是所見即所得的編輯器。