タイトルバーを隠すYUIエディタ？

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' } 
      ] 
     }   
    ] 
    } 
}