wangeditor编辑器

tab显示和隐藏

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

  
  
  image
  
  

  参考一下示例显示"上传图片"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>

显示效果

image

• 隐藏"网络图片"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>

参考官网：https://www.kancloud.cn/wangfupeng/wangeditor3/335780