TinyMCE - name='content' 的无效表单控件不可聚焦

Posted

技术标签:

【中文标题】TinyMCE - name=\'content\' 的无效表单控件不可聚焦【英文标题】:TinyMCE - An invalid form control with name='content' is not focusableTinyMCE - name='content' 的无效表单控件不可聚焦 【发布时间】:2018-07-28 00:51:40 【问题描述】:

我使用 TinyMCE 4,这是我的代码:

<script type="text/javascript" src="//cdn.tinymce.com/4/tinymce.min.js"></script>
<script>
       tinymce.init(
         selector: 'textarea[name=content]',
         plugins: 'image code',
         toolbar: 'undo redo | link image | code',
         image_title: true, 
         automatic_uploads: true,
         file_picker_types: 'image', 
         file_picker_callback: function(cb, value, meta) 
           var input = document.createElement('input');
           input.setAttribute('type', 'file');
           input.setAttribute('accept', 'image/*');
           input.onchange = function() 
             var file = this.files[0];
             var reader = new FileReader();
             reader.onload = function () 
             var id = 'blobid' + (new Date()).getTime();
             var blobCache =  tinymce.activeEditor.editorUpload.blobCache;
             var base64 = reader.result.split(',')[1];
             var blobInfo = blobCache.create(id, file, base64);
             blobCache.add(blobInfo);
             cb(blobInfo.blobUri(),  title: file.name );
           ;
           reader.readAsDataURL(file);
         ;
         input.click();
       
     );  
</script>

我有一个问题。当我单击“提交”按钮时,表单未发送,但在 Web 浏览器控制台中出现错误:“名称 ='content' 的无效表单控件不可聚焦。”

请你帮帮我,我怎样才能简单地解决这个问题?提前感谢所有建议。

【问题讨论】:

请添加您的html 拜托,你能描述一下你的意思吗? 你在哪里用 [name=content] 设置你的 texarea? 在同一个文件中,tinymce 编辑器也是如此。 【参考方案1】:

问题来自 tinymce 隐藏文本区域。删除所需的属性,它应该是固定的!

【讨论】:

您能否添加更多详细信息,为什么删除 required 会解决问题? 当然,在这里查看最佳答案:***.com/questions/22148080/… 删除“必需”属性不是解决方案。当此字段为必填时,我们会添加“必填”,而不是出于心血来潮。 TinyMCE 的解决方案在这里:***.com/questions/60834085/…

以上是关于TinyMCE - name='content' 的无效表单控件不可聚焦的主要内容,如果未能解决你的问题,请参考以下文章

TinyMCE - 默认样式

javascript 在Wordpress中将其他操作绑定到tinymce。 ['content']是主编辑。可以指定不同的编辑器。

使用 data-id 复制 TinyMCE 的内容

TinyMCE如何使用

多个tinymce textarea

自定Tinymce富文本中的图片上传