html - TinyMCE 和 HTML5 表单验证

Question

我在 Rails 应用程序中使用 TinyMCE。在我的表单中，我有一个带有 TinyMCE 的“描述”字段，该字段对于表单验证是必需的。

但是当我尝试提交我的表单时，我不能，因为 HTML5 表单验证。我的浏览器(Chrome 和 Firefox)告诉我该字段为空。我还有另一个问题。当 Chrome 显示空白字段的对话框时，它出现在我的页面顶部，而不是我的表单字段附近。

Answer 1

FF 为所需的 fileld 显示一个气泡，但在错误的位置，Chrome 抛出一个错误，因为它找不到显示气泡的字段。所以我的解决方案是禁用 display:none 由 TinyMCE 设置的样式并减小字段大小和使其可见性隐藏。这样浏览器会在这个字段旁边显示气泡，因为这个字段在 TinyMCE 编辑器旁边，用户会知道缺少什么必填字段。

textarea.tinymce {
	background: transparent;
	border: none;
	box-shadow: none;
	display: block !important;
	height: 0;
	resize: none;
	width: 0;
	visibility: hidden;
}