Question

是否可以隐藏YUI编辑器创建的标题栏？我想让编辑器在没有标题栏的标签中呈现，并且无法折叠工具栏。任何建议都非常感谢。

Answer 1

您可以使用CSS隐藏标题栏。

#editor-container .yui-toolbar-titlebar {
 display: none;
}

＃editor-container应该是包含div的id。有关更多示例，请查看YUI团队的skinning editor example。

Answer 2

您还可以从配置中删除titlebar: 'Text Editing Tools',行，并将折叠设置为false：

{
  handleSubmit: true,
  autoHeight: false,
  dompath: false,
  collapse: false,
  toolbar: {
    collapse: false,
    draggable: false,
    buttonType: 'advanced',
    buttons: [
        { group: 'textstyle',
            buttons: [
                { type: 'push', label: 'Bold CTRL + SHIFT + B', value: 'bold' },
                { type: 'push', label: 'Italic CTRL + SHIFT + I', value: 'italic' },
                { type: 'push', label: 'Underline CTRL + SHIFT + U', value: 'underline' },
            ]
        },             
        { type: 'separator' },
        { group: 'indentlist',
            buttons: [
                { type: 'push', label: 'Indent', value: 'indent', disabled: true },
                { type: 'push', label: 'Outdent', value: 'outdent', disabled: true },
                { type: 'push', label: 'Create an Unordered List', value: 'insertunorderedlist' },
                { type: 'push', label: 'Create an Ordered List', value: 'insertorderedlist' }
            ]
        }        
    ]
  }
}

YUI编辑器隐藏标题栏？

2 个答案: