tinymce vue 获取editor对象
时间: 2023-09-08 14:14:55 浏览: 165
要获取Tinymce Vue的editor对象,可以按照以下步骤:
1. 在Vue组件中引入Tinymce组件,例如:
```
<template>
<div>
<editor v-model="content" :init="initConfig"></editor>
<button @click="getEditor">获取editor对象</button>
</div>
</template>
<script>
import { Editor } from '@tinymce/tinymce-vue';
export default {
components: {
Editor,
},
data() {
return {
content: '',
initConfig: {
height: 400,
menubar: false,
},
};
},
methods: {
getEditor() {
const editor = this.$refs.myEditor.editor;
console.log(editor);
},
},
};
</script>
```
2. 在模板中,使用ref指令给editor组件命名,例如:
```
<editor v-model="content" :init="initConfig" ref="myEditor"></editor>
```
3. 在Vue组件中,使用$refs属性获取editor对象,例如:
```
const editor = this.$refs.myEditor.editor;
console.log(editor);
```
4. 然后就可以在代码中操作editor对象了。
阅读全文