ckeditor、html5公式化和表格=";xxxx“-标签
我想将ckEditor集成到html5表单中。TextArea和SubmitButton应该位于表单标记之外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
<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();
});