项目中不需要那么多工具栏,只需要展示部分工具栏
<avue-ueditor v-model="content" v-bind="options" :customConfig="customConfig" :placeholder="placeholder"></avue-ueditor>//按需隐藏或者显示工具栏即可
props: {customConfig: {type: Object,default() {return {menus: ["head", // 标题"bold", // 粗体"fontSize", // 字号"fontName", // 字体"italic", // 斜体"underline", // 下划线"strikeThrough", // 删除线"foreColor", // 文字颜色"backColor", // 背景颜色"link", // 插入链接"list", // 列表"justify", // 对齐方式"quote", // 引用// 'emoticon', // 表情"image", // 插入图片"table", // 表格"code", // 插入代码// 'undo', // 撤销// 'redo' // 重复],};},},
}
关于高度
外层标签名 {
&::v-deep .w-e-text-container {
height: 100px !important;
}
&::v-deep .w-e-text {
min-height: 100px !important;
}
}