TinyMCE distraction-free editing mode

The Distraction-free theme renders the editor in lightweight inline mode. This mode provides options to quickly insert links, images, and tables into the content. For a sample view of this mode, see the Distraction-free editor example page.

Example:

tinymce.init({
    selector: "div.tinymce",
    plugins: [ 'quickbars' ],
    toolbar: false,
    menubar: false,
    inline: true
});

Theme specific controls

quicklink

The quicklink quickly inserts and edits link inline.

Example:

tinymce.init({
    selector: "div.tinymce",
    plugins: [ 'quickbars' ],
    toolbar: false,
    menubar: false,
    inline: true,
    quickbars_selection_toolbar: 'bold italic | quicklink h2 h3 blockquote'
});

quickimage

quickimage inserts images from the local machine into the editor. These can be automatically uploaded by configuring image uploading.

Example:

tinymce.init({
    selector: "div.tinymce",
    plugins: [ 'quickbars' ],
    toolbar: false,
    menubar: false,
    inline: true,
    quickbars_insert_toolbar: 'quickimage quicktable'
});

quicktable

quicktable quickly inserts a 2x2 table with 100% width.

Example:

tinymce.init({
    selector: "div.tinymce",
    plugins: [ 'quickbars' ],
    toolbar: false,
    menubar: false,
    inline: true,
    quickbars_insert_toolbar: 'quickimage quicktable'
});

Related configuration options

• quickbars_insert_toolbar
• quickbars_selection_toolbar
• inline
• skin
• theme