HTMLEditorコントロールをまとめたい（UIの改善をしたい）

今、私は電子書籍の作成を行えるエディタ(JavaFXアプリケーション)の開発をしております。
開発環境はEclipse、開発GUIライブラリはJavaFX、開発言語はJavaで開発を行っております。
私がしたい事は、HTMLEditorコントロールをまとめる事です。
具体的に述べると、ワードやパワポの様に「ホーム、挿入、デザイン」と言った様にHTMLEditorコントロールの各機能（タグ）をまとめて見やすい様にしたいと思っています。
JavaFX Scene Builder 2.0での改善も試みたのですが、いまいち上手く行かず困っております。

上の図が既存のHTMLEditorコントロールの表示です。
自分が行いたい事は下の図の様にジャンル分けをして、一度に表示するタグを減らしたいと思っています。

今は、下記のソースコードでHTMLEditorコントロールの表示を行っているのですが、
具体的にどの様に改善すれば、自分の理想の形になるかわかりません。
public Node createHTMLEditor()
{
// ルートを作成
VBox root = new VBox();

    // サブシーンを作成
    HTMLEditor  editor          = new HTMLEditor();
   SubScene    subScene        = new SubScene( editor, 500 , 150 );

    // ボタンを登録
   Button      button          = new Button("HTML取得");
   root.getChildren().addAll( subScene ,  button );
     
    // イベントを登録
   button.addEventHandler( ActionEvent.ACTION , e -> System.out.println( "HTML Editor:" + editor.getHtmlText() ) );
     
    return root;
}