// デフォルトのリボンモードを持つリボンコンテナを初期化します。
var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById('gc-designer-host'));

// ツールバーリボンモードに切り替えます。
designer.setConfig(GC.Spread.Sheets.Designer.ToolBarModeConfig);

var switchConfig = true;

window.onload = function () {
    var designer = new GC.Spread.Sheets.Designer.Designer(designer_host);
    document.getElementById('btn').addEventListener('click', function () {
        designer.setConfig(switchConfig ? GC.Spread.Sheets.Designer.ToolBarModeConfig : GC.Spread.Sheets.Designer.DefaultConfig);
        switchConfig = !switchConfig;
    });
}

// ページにボタンコントロールを追加します。
<input type="button" id="btn" value="Switch Mode"/>

var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("designerHost"));
var config = GC.Spread.Sheets.Designer.ToolBarModeConfig;

// リボンの高さを設定します。
config.ribbon.ribbonHeight = 80;

// カスタムconfigを設定します。
designer.setConfig(config);