ueditor 单行工具栏 高度设置

Question

ueditor 单行工具栏的高度如何设置？

初次使用ueditor，是在vue中使用的，用的单行工具栏设置：

    this.ue = ueditor.getEditor(this.ueId, {
      // serverUrl: '', // 服务器统一请求接口路径
      toolbars: [
        [
          'paragraph',
          'fontfamily',
          'fontsize',
          'bold',
          'italic',
          'underline',
          'fontborder',
          'strikethrough', 'forecolor', 'backcolor',
          'justifyleft', 'justifycenter', 'justifyright', 'inserttable', 'source',
          'insertorderedlist', 'insertunorderedlist'
        ]
      ],
      initialFrameWidth: null, // 宽度随浏览器自适应
      initialFrameHeight: 260, // 高度
      autoHeightEnabled: false, // 禁止自动增高，改用滚动条
      elementPathEnabled: false, // 是否启用元素路径，默认是true显示
      wordCount: false, // 是否开启字数统计
      autoFloatEnabled: false // 是否保持toolbar的位置不动
    })

效果如上图所示，每个工具图标都太高了吧，怎么设置自适应高度？

Answer 1

好吧，发现问题了，是因为把富文本编辑器放在 Element组件的表单el-form-item内，被表单组件的line-height样式影响了，真是醉了啊

修改 ueditor.css:

.edui-default .edui-toolbar {
    // 原样式不变，增加：
    line-height: initial;
}

.edui-default .edui-toolbar .edui-combox .edui-combox-body {
    // 原样式不变，增加：
    line-height: initial;
}