Question

我正在尝试在提交表单后从TinyMCE文本区域保存内容。

页面的正文具有textarea，当我单击save时，会弹出一个模式弹出窗口，其中包含少量额外的数据要提交。但是，当我提交时，它说索引'fulltext'是不确定的。我已将此分配给名称为fullText的帖子，该帖子已分配给我的文本区域，但问题是我实际上并未发布该表格。

我的文字区域在页面上方：

<form id="form-data3" method="post">
    <textarea name="fullText" id="mytextarea3"></textarea>
        <input type="submit" value="Save Page" style="float:right;" data-toggle="modal" data-target="#savePageModal">
</form>

所以我填写了内容，然后点击了保存按钮，该表单模板提示我的模态，并在提交前要求一些值。填写完毕后，我点击了Submit，这触发了addPage.php，但是我的调试为我提供了来自第一行的'fullText'的未定义索引：

$content = $_POST['fullText'];
$addContent = "
INSERT INTO content(content)
VALUES('$content');
";

显然，问题是我的文本区域与发布的文本处于不同的形式，但是即使我从文本区域中删除了表单标签，我如何传递文本区域的tinyMCE内容，以便在提交表单时在模式中，它也提交了此文本内容

更新：

第二种形式：

<form action="addPage.php" method="post">
<input type="hidden" value="/from previous textarea">
</form>

Answer 1

这符合我的想法。

HTML

<p><a href="#my_modal" data-toggle="modal">Open</a></p>

<div class="modal" id="my_modal">
      <div class="modal-body">
        <textarea class="second"></textarea>
      </div>
</div>

<p><textarea class="first">First Textarea</textarea></p>

JQUERY

$('#my_modal').on('show.bs.modal', function() {
    var first = $(".first").val();
    $(".second").val(first);
});

在jsfiddle

上查看

Answer 2

使用按钮类型按钮，否则您可以阻止默认操作
按钮单击事件加载模型

加载的模型的按钮单击事件使用jquery ajax提交表单

jQuery.ajax({
   url: "submit.php",
   data: $('#myForm').serialize() + "&textfield=" + textfieldvalue,
   type: "POST",
   success: function(data){
   // do what ever you want
   },
});

Answer 3

您可以使用ajax，并获取文本区域的内容是

var content =  tinyMCE.getContent('mytextarea3');

现在您可以将其发布到任何地方。

从表单外部提交文本区域内容

3 个答案: