无法使用 CKEditor 提交表单？答案

【问题标题】：Can't submit form using CKEditor?无法使用 CKEditor 提交表单？
【发布时间】：2013-04-10 16:17:33
【问题描述】：

我有以下表格：

<form action="/web/app_dev.php/system/blog/new" method="post" >
    <div id="newblogpost">
    <div>
        <label for="newblogpost_title" class="required">Title</label>
        <input type="text" id="newblogpost_title" name="newblogpost[title]" required="required" />
    </div>
    <div>
        <label for="newblogpost_status">Status</label>
        <input type="checkbox" id="newblogpost_status" name="newblogpost[status]" value="1" />
    </div>
    <div>
        <label for="newblogpost_content" class="required">Content</label>
        <textarea id="newblogpost_content" name="newblogpost[content]" required="required"    class="ckeditor" id="editor1"></textarea>
    </div>
    <input type="hidden" id="newblogpost__token" name="newblogpost[_token]" value="f58cad16c1948231a504f592ec74edd7aaeca29d" /></div>

    <button type="submit">Cmon?</button>
</form>

由于某种原因，我无法提交该死的东西。如果我在 textarea 字段上禁用 CKEditor，它将提交，这（显然）让我相信这是 CKEditor 的问题。

我尝试了一些方法，例如字段输入的各种名称、输入类型 =“提交”而不是按钮等，但都没有成功。

我似乎找不到其他人有同样的问题，我最终发现的只是人们对 AJAX 表单有问题。这只是一个简单的、老式的可提交表单。

我是否遗漏了一些阻止提交的语义？或者其他人可以发现问题吗？

【问题讨论】：

不提交是什么意思？你有错误吗？因为这个表单不可能不提交，因为这是基本的 HTML
没有错误，firebug 控制台中没有任何内容，Chrome 或 IE 的开发者控制台中没有任何内容。这让我快疯了！我只能假设 CKEditor 正在阻止提交按钮的默认操作......但是如何？为什么？ :S

标签： forms symfony ckeditor submit-button

【解决方案1】：

您显然在所有浏览器上都有问题，并且文章很旧，但this post 似乎表明“必需”属性可能是来源。没有这个属性你能检查吗？

【讨论】：

非常感谢您，我花了一个下午的时间来解决这个问题。非常感激。（愚蠢的是，这确实发生在我身上，我将我的 BlogPost 实体（Symfony/Doctrine）设置为可为空，假设它会排除所需的属性，就像文本字段的情况一样，但从未检查过 - doh！）。跨度>
我有一个好消息 - dev.ckeditor.com/ticket/8031 的补丁可能会在计划在 2 周内发布的下一个小版本 (4.1.1) 中发布。虽然如果我们不能在合理的时间内找到解决方案，它可能会延迟。

【解决方案2】：

https://cdn.ckeditor.com/#ckeditor5 仍然存在此问题

如前所述，它可以通过绕过 html5 验证来修复。即
<button type="submit" formnovalidate="formnovalidate" >Submit Data</button>

【讨论】：