ckeditor、html5公式化和表格=";xxxx“-标签

ckeditor、html5公式化和表格=";xxxx“-标签,html,forms,ckeditor,Html,Forms,Ckeditor,我想将ckEditor集成到html5表单中。TextArea和SubmitButton应该位于表单标记之外 <form **id="myform"** action="example.com"></form> <textarea **form="myform"** name="editor1" id="editor1" rows="10" cols="80"> This is my textarea to be rep

我想将ckEditor集成到html5表单中。TextArea和SubmitButton应该位于表单标记之外

<form **id="myform"** action="example.com"></form>
        <textarea **form="myform"** name="editor1" id="editor1" rows="10" cols="80">
            This is my textarea to be replaced with CKEditor.
        </textarea>
        <script>
            // Replace the <textarea id="editor1"> with a CKEditor
            // instance, using default configuration.
            CKEDITOR.replace( 'editor1' );
        </script>
<input name="clickme" type="submit" form="myform">

这是要用CKEditor替换的我的文本区域。
//用一个编辑器替换
//实例,使用默认配置。
CKEDITOR.replace('editor1');
当我尝试以这种方式发送时,文本区域的结果总是空的。
即使ckeditor正在将此文本区域更改为iframe结构,也可以将ckeditor放置在表单标记之外吗?

如果我正确理解您的问题,您希望将checkeditor放置在表单之外。您应该能够将checkeditor放置在您想要的任何位置。一旦通过javascript获得了值,就可以根据需要将其分配给表单数据值。下面是一个示例,将checkeditor放置在任意位置,然后将表单放置在任意位置,当单击表单提交时,javascript将使用checkeditor的值更新表单值并提交表单,下面是一个提琴:

HTML中的几个关键部分将您的checkeditor放在任意位置:

      <textarea class="selector" name="editor1"></textarea>
      <script>
        CKEDITOR.replace('editor1');
      </script>

如果我没弄错你的问题,你想把checkeditor放在表单外面。您应该能够将checkeditor放置在您想要的任何位置。一旦通过javascript获得了值,就可以根据需要将其分配给表单数据值。下面是一个示例,将checkeditor放置在任意位置,然后将表单放置在任意位置,当单击表单提交时,javascript将使用checkeditor的值更新表单值并提交表单,下面是一个提琴:

HTML中的几个关键部分将您的checkeditor放在任意位置:

      <textarea class="selector" name="editor1"></textarea>
      <script>
        CKEDITOR.replace('editor1');
      </script>

就这样,塔克斯。正在将内容推送到隐藏字段。。。这是我的幻觉!!很高兴听到它对你有用。如果需要更高级的选项,请查看jquery适配器。如果答案对你有效,你能标记为已回答吗?谢谢,就这样,桑克斯。正在将内容推送到隐藏字段。。。这是我的幻觉!!很高兴听到它对你有用。如果需要更高级的选项,请查看jquery适配器。如果答案对你有效,你能标记为已回答吗?谢谢
    $('.override').click(function(e) {
      e.preventDefault();
      $("textarea#MyTextArea").val(CKEDITOR.instances.editor1.getData());
      console.log($("textarea#MyTextArea").val());
      $('#myForm').submit();
    });