如何在ExtJS htmleditor中隐藏工具栏后保留顶部边框

Question

我在extjs 4.2中创建的表单中有一个htmleditor字段。我把它隐藏在后续监听器中的工具栏：

listeners: {
    afterrender: function(editor) {
        editor.getToolbar().hide();
    },
    scope: this
}

但是，它看起来像隐藏它也隐藏了文本区域的顶部边框。有没有办法可以添加边框或者只隐藏工具栏而不是顶部边框？

Answer 1

添加cls: topBorder并将其添加到您的css文件中：

.topBorder {
border-top: 1px solid #b5b8c8;
}

不是最优雅的解决方案，但它确实有效。

Answer 2

使用此CSS类：

.x-component.x-html-editor-input.x-box-item.x-component-default {
    border-top: 1px solid #b5b8c8;
}