tinymce-vue 获取editor对象
时间: 2024-01-03 19:03:49 浏览: 76
tinymce编辑器
要获取tinymce-vue的editor对象,可以通过以下步骤实现:
1. 在Vue组件中引入tinymce-vue:
```
import Editor from '@tinymce/tinymce-vue';
```
2. 在组件中使用Editor组件,并为其添加ref属性:
```
<Editor
ref="myEditor"
:init="{
apiKey: 'YOUR_API_KEY',
...
}"
/>
```
3. 在组件的methods中使用$refs来访问Editor组件,并通过调用getContent()方法来获取editor对象:
```
methods: {
getEditor() {
const editor = this.$refs.myEditor.editor;
console.log(editor.getContent());
}
}
```
在上面的代码中,我们使用$refs访问了myEditor组件,并通过editor属性获取了editor对象。然后,我们可以使用getContent()方法来获取editor的内容。
阅读全文