html中element-ui富文本
时间: 2023-06-29 21:06:41 浏览: 171
富文本显示
Element-UI提供了一个富文本编辑器组件el-editor,可以用来实现富文本编辑的功能。使用过程中需要先引入Element-UI组件库。
下面是一个使用el-editor的简单示例:
```html
<template>
<el-editor v-model="content" :height="300"></el-editor>
</template>
<script>
import { ElEditor } from 'element-ui';
export default {
components: {
ElEditor,
},
data() {
return {
content: '',
};
},
};
</script>
```
在上面的示例中,el-editor组件绑定了一个v-model,用来双向绑定富文本编辑器中的内容。通过设置height属性,可以指定编辑器的高度。
除了基本的使用外,el-editor还提供了很多其他的配置选项,比如图片上传、自定义工具栏、自定义快捷键等,可以根据需求进行配置。
阅读全文