自定义菜单

配置菜单

编辑器创建之前

editor.config.menus

使用 editor.config.menus 定义显示哪些菜单和菜单的顺序。

<div id="div1">
    <p>欢迎使用 wangEditor 编辑器</p>
</div>

<!-- 引入 wangEditor.min.js -->
<script type="text/javascript">
    const E = window.wangEditor
    const editor = new E('#div1')

    // 配置菜单栏,删减菜单,调整顺序
    editor.config.menus = [
        'bold',
        'head',
        'link',
        'italic',
        'underline'
    ]

    editor.create()
</script>

editor.config.excludeMenus

使用 editor.config.excludeMenus 当只需剔除少数菜单的时候,直接设置不需要的菜单

<div id="div1">
    <p>欢迎使用 wangEditor 编辑器</p>
</div>

<!-- 引入 wangEditor.min.js -->
<script type="text/javascript">
    const E = window.wangEditor
    const editor = new E('#div1')

    // 配置菜单栏,设置不需要的菜单
    editor.config.excludeMenus = [
        'emoticon',
        'video'
    ]

    editor.create()
</script>

【注意】不要同时使用 editor.config.menuseditor.config.excludeMenus,以免引起冲突和混乱。

所有菜单

默认情况下会显示所有的菜单,配置如下:

// 默认情况下,显示所有菜单
editor.config.menus = [
    'head',
    'bold',
    'fontSize',
    'fontName',
    'italic',
    'underline',
    'strikeThrough',
    'indent',
    'lineHeight',
    'foreColor',
    'backColor',
    'link',
    'list',
    'todo',
    'justify',
    'quote',
    'emoticon',
    'image',
    'video',
    'table',
    'code',
    'splitLine',
    'undo',
    'redo',
]
Copyright © wangEditor (2020 - present) all right reserved,powered by GitbookFile Modify: 2021-08-11 04:24:48

results matching ""

    No results matching ""