我在Rails应用程序中使用TinyMCE.在我的表单中,我有一个TinyMCE的“description”字段,该字段对于表单验证是必需的.
但是当我尝试提交表单时,我不能,因为HTML5表单验证.我的浏览器(Chrome和Firefox)告诉我该字段为空.我还有另一个问题.当Chrome显示空字段的对话框时,它会显示在我的页面顶部,而不是我的表单字段附近.
解决方法
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;
}