The show and hide buttons work fine. They hide/show the editor when using inlineMode. There is no sense to hide the toolbar when not using inlineMode.
If anybody is still looking how to do this.. this works...
events: {
'froalaEditor.initialized': (e, editor) => {
editor.toolbar.hide();
},
'froalaEditor.focus': (e, editor) => {
editor.toolbar.show();
},
'froalaEditor.blur': (e, editor) => {
editor.toolbar.hide();
},
},
I use this code to toggle Edit or View mode from external button
//--------- Hide Editor -----------------
$("#editor").froalaEditor('edit.off');
$("#editor").froalaEditor('toolbar.hide');
//--------- Show Editor -----------------
$("#editor").froalaEditor('edit.on');
$("#editor").froalaEditor('toolbar.show');
Most helpful comment
If anybody is still looking how to do this.. this works...