首页
话题
消息
手册
我的
返回介绍

TinyMCE distraction-free editing mode

发布于 2019-05-06 字数1781 浏览 539 评论 0

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 2×2 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

Next Use multiple TinyMCE instances in a single page

您暂时不能评论!

管理员开启了需要登录才能够评论,你可以免费注册一个本站的账号。

还没有评论!

目前还没有任何评论,快来抢沙发吧!