ok-admin/lib/wangEditor/docs/usage/04-uploadimg/01-show-tab.md

1.5 KiB
Executable File
Raw Blame History

隐藏/显示 tab

显示“上传图片”tab

默认情况下编辑器不会显示“上传图片”的tab因为你还没有配置上传图片的信息。

参考一下示例显示“上传图片”tab

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

<script type="text/javascript" src="/wangEditor.min.js"></script>
<script type="text/javascript">
    var E = window.wangEditor
    var editor = new E('#div1')

    // 下面两个配置使用其中一个即可显示“上传图片”的tab。但是两者不要同时使用
    // editor.customConfig.uploadImgShowBase64 = true   // 使用 base64 保存图片
    // editor.customConfig.uploadImgServer = '/upload'  // 上传图片到服务器

    editor.create()
</script>

显示效果

隐藏“网络图片”tab

默认情况下“网络图片”tab是一直存在的。如果不需要可以参考一下示例来隐藏它。

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

<script type="text/javascript" src="/wangEditor.min.js"></script>
<script type="text/javascript">
    var E = window.wangEditor
    var editor = new E('#div1')

    // 隐藏“网络图片”tab
    editor.customConfig.showLinkImg = false

    editor.create()
</script>