The **insert_toolbar** option enables you to specify toolbar items to include in the [quickui]({{ site.baseurl }}/plugins/quickui) plugin Insert minibar. It is recommended that you only have controls in this toolbar related to inserting content. However, nothing is restricting you to use any of the available [toolbar controls]({{ site.baseurl }}/advanced/editor-control-identifiers/#toolbarcontrols).
The **insert_toolbar** option enables you to specify toolbar items to include in the [quickbars]({{ site.baseurl }}/plugins/quickbars) plugin Insert minibar. It is recommended that you only have controls in this toolbar related to inserting content. However, nothing is restricting you to use any of the available [toolbar controls]({{ site.baseurl }}/advanced/editor-control-identifiers/#toolbarcontrols).
**Type:** `String`
@ -11,9 +11,9 @@ The **insert_toolbar** option enables you to specify toolbar items to include in
description: Provides a selection toolbar and quick insert toolbar.
keywords: plugin inlite quickui
title: Quickbars plugin
title_nav: Quickbars
description: User interface controls to create content faster.
keywords: plugin inlite quickbars
---
The Quick UI plugin (`quickui`) enables new user interface components to help users create content faster. It can be used to create an experience similar to Medium, Quip, and other modern editing tools.
The Quickbars plugin (`quickbars`) enables new user interface components to help users create content faster. It can be used to create an experience similar to Medium, Quip, and other modern editing tools.
It replaces the capabilities of the `inlite` theme in TinyMCE 4 or earlier.
The Quick UI plugin enables two new context toolbars:
The Quickbars plugin enables two new context toolbars:
* _Quick Selection_ - shown when text is selected for quick access to formatting commands such as bold, italic and link.
* _Quick Insert_ - shown when a new line is created for the quick insertion of objects such as tables and images.
@ -27,10 +27,10 @@ It also enables three new toolbar controls:
```js
tinymce.init({
selector: "div.tinymce",
plugins: [ 'quickui' ],
plugins: [ 'quickbars' ],
toolbar: false,
menubar: false,
quickui: true
quickbars: true
});
```
#### Example disabling the Quick Insert toolbar:
@ -38,11 +38,11 @@ tinymce.init({
```js
tinymce.init({
selector: "div.tinymce",
plugins: [ 'quickui' ],
plugins: [ 'quickbars' ],
toolbar: false,
menubar: false,
quickui: true,
quickui_insert_toolbar: false
quickbars: true,
quickbars_insert_toolbar: false
});
```
@ -51,11 +51,11 @@ tinymce.init({
```js
tinymce.init({
selector: "div.tinymce",
plugins: [ 'quickui' ],
plugins: [ 'quickbars' ],
toolbar: false,
menubar: false,
quickui: true,
quickui_selection_toolbar: false
quickbars: true,
quickbars_selection_toolbar: false
});
```
@ -63,59 +63,56 @@ tinymce.init({
#### Quick Link
The Quick Link (`quicklink`) control lets the user quickly insert/edit links inline.
The Quick Link (`quicklink`) control lets the user quickly insert/edit links inline. It can only be used in the Quick Selection toolbar.
The Quick Image (`quickimage`) control lets you quickly insert images from the local computer into the editor. These can then be automatically uploaded if you configure [image uploading]({{ site.baseurl }}/advanced/handle-async-image-uploads/).
The Quick Image (`quickimage`) control lets you quickly insert images from the local computer into the editor. These can then be automatically uploaded if you configure [image uploading]({{ site.baseurl }}/advanced/handle-async-image-uploads/). It can be used in both the Quick Insert toolbar and other toolbars.
##### Example:
```js
tinymce.init({
selector: "div.tinymce",
plugins: [ 'quickui' ],
plugins: [ 'quickbars' ],
toolbar: false,
menubar: false,
quickui: true,
quickui_insert_toolbar: 'quickimage quicktable'
quickbars: true,
quickbars_insert_toolbar: 'quickimage quicktable'
});
```
#### Quick Table
The Quick Table (`quicktable`) control lets you quickly insert a 2x2 table with 100% width.
The Quick Table (`quicktable`) control lets you quickly insert a 2x2 table with 100% width. It can be used in both the Quick Insert toolbar and other toolbars.
Andrew Roberts
7 years ago