vue从tinymce中获取内容
时间: 2023-09-13 20:05:01 浏览: 225
可以通过以下步骤从tinymce编辑器中获取内容:
1. 使用v-model绑定tinymce编辑器的内容,例如:
```
<template>
<div>
<textarea id="my-editor" v-model="content"></textarea>
</div>
</template>
<script>
import tinymce from 'tinymce';
import 'tinymce/themes/silver/theme';
export default {
data() {
return {
content: '',
};
},
mounted() {
tinymce.init({
selector: '#my-editor',
plugins: ['link', 'table'],
toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | table',
setup: (editor) => {
editor.on('change', () => {
this.content = editor.getContent();
});
},
});
},
};
</script>
```
2. 在setup回调函数中监听编辑器内容的变化,并将编辑器内容赋值给组件的content变量。
3. 可以在需要的地方使用content变量获取tinymce编辑器的内容。
阅读全文