vue-ueditor-wrap获取纯文本
时间: 2024-09-21 11:09:30 浏览: 20
Vue-ueditor-wrap是一个基于UEditor的Vue封装组件,它允许你在Vue项目中集成富文本编辑器。如果你想要从编辑器中获取纯文本内容,通常需要监听UEditor提供的特定事件,如`contentChange`或`ready`,然后处理返回的数据。
首先,你需要设置好`contenteditable`属性,并在Vue组件中注册并初始化UEditor:
```html
<template>
<div id="editorWrapper" v-ueditor="{ initialContent: '初始内容', events: { contentChange: onContentChange } }"></div>
</template>
<script>
import UEditor from 'vue-ueditor-wrap';
export default {
components: {
UEditor,
},
methods: {
onContentChange(content) {
this.pureText = this.stripHtml(content); // 这里假设stripHtml是你自定义的去除HTML标签函数
},
stripHtml(html) {
// 使用正则表达式或者第三方库(如htmlpurifier)去除HTML标签,只保留纯文本
// 实现略...
},
},
};
</script>
```
当用户在编辑器中输入文本并触发`contentChange`事件时,`onContentChange`方法会被调用,你可以在这个时候通过`stripHtml`方法获取到纯文本内容,并将其保存在组件的实例变量`pureText`中。