vue富文本编辑器tinymce弹窗关闭时清空

可以在tinymce的初始化设置中添加一个关闭事件的回调函数，然后在该函数中清空编辑器内容。

示例代码：

tinymce.init({
  selector: 'textarea',
  // 其他初始化设置
  setup: function (editor) {
    editor.on('close', function () {
      editor.setContent('');
    });
  }
});

在上面的代码中，我们添加了一个名为`close`的事件监听器，当编辑器关闭时，该监听器会被触发，并执行回调函数。在回调函数中，我们使用`setContent('')`方法清空编辑器的内容。

相关问题

vue富文本编辑器tinymce

Vue.js 可以与许多富文本编辑器库一起使用，其中之一就是 TinyMCE。在使用 TinyMCE 之前，需要先安装并配置它。下面是使用 Vue.js 和 TinyMCE 的基本步骤：

1. 安装 TinyMCE：
你可以使用 npm 或 yarn 安装 TinyMCE。在终端中运行以下命令：

   npm install tinymce

2. 创建一个 Vue 组件并引入 TinyMCE：

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富文本编辑器的必填校验。