Wysiwyg-editor: how to disable quick insert bar?

[bonesoul]

after 2.6.0 upgrade, although i don't include quick_insert.min.js with my distribution, it started rendering. how can i completely disable it?

setting quickInsertButtons: [] as empty didn't help.

i guess there may be a bug.

[stefanneculai]

You could either not include the Quick Insert plugin or disable it through the pluginsEnabled option.

[bonesoul]

i actually did not include it. but i'll try pluginsenabled.

[zakutnya]

@bonesoul
Hi! It was complicated for me to disable Quick Insert using pluginsEnabled option because i use pkgd version of Froala, so i just set quickInsertTags options value to [''] in order it wouldn't show anywhere. Worked for me. Hope it helps)

[swarupbam]

@bonesoul Thanks. It worked for me.

[vesrah]

I tried setting pluginsEnabled: { quickInsertTags: [''] } and found that you lose the toolbar if you do this. I ended up hiding the quick insert button through CSS since I also found that setting quickInsertButtons: [] leaves you with the quick insert button still shown. It is my general opinion that there should be a quickInsertButton array length check, and that it should not appear if length is zero, but I understand.

.fr-quick-insert { display: none; }

[tobiaszuercher]

hi, is there still no other way to disable the quick insert?

[Merenia]

Did you try quickInsertTags: null ? It worked for me.

[cbielich]

@Merenia Worked for me, Thanks!

[Kayui]

@Merenia This will cause an error which I'd rather not have.

@vesrah has a solution that works fine for the pkgd version.

[stefanneculai]

The best way would be not to include the JS for the Quick Insert plugin. As an alternative, you could use the pluginsEnabled option, where you'd pass all the plugins you want enabled, except the Quick Insert one.

[monalisamirelle]

the solution I found was quickInsertTags: []

[yeshchaubey]

@Raghav-khunger

It's work for me. Thanks for help. It's nice way for solution.

[Calvin-Coomer]

I couldn't get any of the above to work, used css instead

.fr-box.fr-basic .fr-insert-helper.fr-visible {
display: none;
}

Worked for me

[bholtbholt]

Undocumented, but adding quickInsertEnabled: false to your config disables the quick insert bar without errors or CSS hacks

$('.selector').froalaEditor({
  quickInsertEnabled: false
});