vue富文本编辑器tinymce必填校验

要实现tinymce富文本编辑器的必填校验，可以通过在提交表单时，检查编辑器内容是否为空来实现。

具体实现方法如下：

1.在form表单中添加一个隐藏的input，用于存储编辑器的内容。

<input type="hidden" name="content" id="content" value="">

2.初始化tinymce编辑器时，添加一个onkeyup事件，用于实时更新隐藏input中的内容。

tinymce.init({
   selector: '#editor',
   plugins: 'autolink link image lists',
   toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | bullist numlist outdent indent | link image',
   setup: function (editor) {
      editor.on('keyup', function () {
         var content = editor.getContent();
         document.getElementById("content").value = content;
      });
   }
});

3.在提交表单时，检查隐藏input中的内容是否为空，如果为空则提示用户必填。

document.getElementById("submitBtn").addEventListener("click", function (e) {
   e.preventDefault();
   var content = document.getElementById("content").value;
   if (content === "") {
      alert("内容不能为空！");
      return false;
   }
   // 提交表单
   document.getElementById("myForm").submit();
});

通过这种方式，可以实现tinymce富文本编辑器的必填校验。