avue-ueditor中隐藏部分工具栏

项目中不需要那么多工具栏,只需要展示部分工具栏

 

  <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;

    }

}