javascript - 在 div 而不是输入/文本区域时无法通过 POST 发送内容

Question

我想使用 php 的 post 方法发送 div 的内容，但无法使用文本区域或输入，因为内容所在的文本编辑器不再有效。解决方案要么位于可应用“name”属性的标签中，要么位于通过 post 发送的其他方法中。

已经尝试过文本区域和输入。

这是我尝试过的:

  <div id="texteditor" name="long_description" maxlength="5000">
      <textarea type="text" name="long_description" style="border: 1px solid black; background: transparent; outline: 0; width: 100%; height: 100%;" value="

      <?php
            if(isset($_SESSION['project_details'])){
              echo $_SESSION['project_details']['long_description'];
            }
          ?>

        ">
      </textarea>
    </div>

我也尝试过:

<div id="texteditor" name="long_description" maxlength="5000">
      <input type="text" name="long_description" style="border: 1px solid black; background: transparent; outline: 0; width: 100%; height: 100%;" value="

      <?php
            if(isset($_SESSION['project_details'])){
              echo $_SESSION['project_details']['long_description'];
            }
          ?>

          ">
      </input>
  </div>

这是我做的第一件事:

<div contenteditable="true" id="texteditor" name="long_description" maxlength="5000">
    <?php
        if(isset($_SESSION['project_details'])){
            echo $_SESSION['project_details']['long_description'];
        }
    ?>
</div>

目前我可以通过帖子发送文本，但是文本编辑器中的格式不起作用。 (例如，我单击“B”将文本变为粗体，但没有任何反应)。或者它根本不发送并返回“必须填写所有字段”的错误。

Answer 1

使用 JS/AJAX。使用 JS 将您要查找的文本存储在 JS var 中，并使用 AJAX 提交它。

这样，文本来自哪种 DOM 组件就无关紧要了。您将能够处理来自 JS 中任何 HTML 组件的文本。