vue2中tinymce富文本编辑器insertedContent干啥的
时间: 2024-03-10 07:46:10 浏览: 56
vue2 中使用 Tinymce 富文本编辑器
在Vue2中,Tinymce富文本编辑器的insertedContent属性用于设置当内容插入到编辑器中时要执行的回调函数。当用户在编辑器中插入内容时,可以通过此回调函数来实现一些自定义的操作,比如对插入的内容进行一些处理或者显示一些提示信息等。此属性类型为函数,函数的参数为插入的内容。例如:
```
<template>
<div>
<editor
v-model="content"
:init="{
plugins: 'link image code',
toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | code'
}"
:insertedContent="handleInsertedContent"
/>
</div>
</template>
<script>
import Editor from '@tinymce/tinymce-vue'
export default {
components: {
Editor
},
data() {
return {
content: ''
}
},
methods: {
handleInsertedContent(content) {
console.log('Inserted content:', content)
}
}
}
</script>
```
在此示例中,当用户在编辑器中插入内容时,会触发handleInsertedContent方法,并打印插入的内容到控制台中。
阅读全文