tinymce.init在第二次打开时不执行

原创于 2023-10-21 16:43:00 发布 · 412 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #html

文章讲述了在Vue组件中，如何使用Vue的$nextTick方法确保TinyMCE富文本编辑器在DOM加载完成后正确初始化，并在组件销毁时执行清理操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用this.$nextTick包起来，原理不清楚，我是加了这个才正常显示的。

//创建
mounted(){
	this.$nextTick(()=>{
	      tinymce.init({
	        selector: '#' + this.componentKey,
	        editorId: this.componentKey,
	        language: 'zh_CN',
	        width: 400,
	        height: 200,
	        placeholder: this.scheme.viewOptions.placeholder,
				// 其他配置
	      })
		}
	)
}

//销毁时
  beforeDestroy () {
    tinymce.EditorManager.execCommand('mceRemoveEditor', true, this.componentKey)
  },