wangEditor富文本编辑器实现扩展菜单效果代码

代码语言:html

所属分类:其他

代码描述:wangEditor富文本编辑器实现扩展菜单效果代码,通过自定义扩展菜单实现编辑器的扩展功能。

代码标签: wangEditor 富文本 编辑器 扩展 菜单

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">




</head>

<body>
    <!-- 参考文档:http://www.wangeditor.com/doc/pages/11-%E8%87%AA%E5%AE%9A%E4%B9%89%E6%89%A9%E5%B1%95%E8%8F%9C%E5%8D%95/01-%E5%BF%AB%E9%80%9F%E6%89%A9%E5%B1%95%E4%B8%80%E4%B8%AA%E8%8F%9C%E5%8D%95.html -->
    <p>
        wangEidtor 扩展菜单
    </p>
    <div id="div1"></div>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/wangEditor.min.js"></script>
    <script id="rendered-js">
        const E = window.wangEditor;
        const editor = new E("#div1");
        
        const { BtnMenu, DropListMenu, PanelMenu, DropList, Panel, Tooltip } = E;
        // console.log('BtnMenu', BtnMenu)
        // console.log('DropListMenu', DropListMenu)
        // console.log('PanelMenu', PanelMenu)
        // console.log('DropList', DropList)
        // console.log('Panel', Pane.........完整代码请登录后点击上方下载按钮下载查看

网友评论0