wangeditor5取消网络图片的方法

路飞无敌

于 2024-04-09 10:13:11 发布

阅读量263

点赞数 5

分类专栏：笔记文章标签： javascript vue.js

本文链接：https://blog.csdn.net/qq_45309871/article/details/137540737

版权

笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

在这里插入图片描述
其实只需要excludeKeys把group-image取消掉然后再插入一个uploadImage就行不用去删除下拉：

//工具栏配置
const toolbarConfig: Partial<IToolbarConfig> = {
  excludeKeys: [
    "headerSelect",
    "italic",
    "group-more-style", // 排除菜单组，写菜单组 key 的值即可
    "fontSize",
    "bulletedList",
    "list",
    "lineHeight",
    "bgColor",
    "insertTable",
    "group-image",
    "group-video",
    "fontFamily"
  ]
}

toolbarConfig.insertKeys = {
  index: 20,
  keys: "uploadImage"
}

最后的效果：
在这里插入图片描述

优惠劵

路飞无敌

关注关注

5
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
wangeditor5取消网络图片的方法

wangeditor5取消网络图片的方法。
复制链接

扫一扫

专栏目录

vue3+wangEditor5自定义上传音频+视频

07-05

wangEditor5用在Vue3中自定义扩展音频、视频、图片菜单；并扩展音频元素节点，保证音频节点的插入、读取、回写功能正常；支持动态修改尺寸

wangEditor上传图片 demo

10-28

wangEditor上传图片，java图片上传后台代码；下载解压后导入eclipse,然后把项目发布到tomcat中即可，

1 条评论您还未登录，请先登录后发表或查看评论

富文本编辑器

weixin_73312555的博客

03-23

350

富文本

wangeditor实现编辑功能

weixin_43985618的博客

02-28

394

wangeditor实现编辑功能

wangEditor5在vue中自定义菜单栏--格式刷，上传图片，视频功能

liang04273的博客

10-21

3536

复制粘贴修改一下直接用，也写了相关的注释。

vue 富文本编辑器wangeditor 上传图片

weixin_50606255的博客

05-14

1262

1.安装 npm install wangeditor --save 2.引入 import E from "wangeditor"; 3.新建一个richText.vue的组件，这里包含了如何上传图片，具体代码如下 <template> <div id="wangeditor"> <div ref="editorElem" style="text-align: left"></div> </div> &lt..

wangEditor富文本编辑器（第三章：图片上传）

DW14687的博客

06-15

9156

目录前言一、思路？1.修改上传方式二、全部流程总结接上一章字数限制做好后，这一章要解决一下图片上传得问题，官方中得图片是转成了base格式，但是现实情况下就是要调用后端接口上传照片，所以我们这章主要是修改图片上传得默认接口~。默认是有上传图片的，并且是两个选项，如下：这里我们只需要一个上传图片，所以要先隐藏这个下拉，点击图片菜单后直接弹出图片选择，如下：如何做呢？在editor.create()之前写下面这句：二、全部流程注释很详细了，代码如下：总结以上就是今天要讲的内容，本文

php用wangeditor3实现图片上传功能

10-16

在本篇文章中小编给大家整理的是关于php用wangeditor3实现图片上传功能的实例代码和相关内容，有需要的朋友们学习下。

wangeditor批量上传图片

10-26

使用jsp+servlet，同时可以批量上传图片又可以防止Tomcat重启后图片消失

富文本wangeditor的使用

weixin_44643019的博客

07-12

427

文档网址：https://www.wangeditor.com/ 1 安装 npm i wangeditor --save 2 导入 import E from "wangeditor" 3 准备数据 state = { editor: null, formData: { newHtml: newHtml, }, } 4 准备结构 <div id="editor"></div> 5 配置富文本编辑器 setEditor = () =>

wangEditor富文本编辑器导入图片和视频配置(Vue)

阿宝的博客

03-01

1551

wangEditor的导入图片和视频的详细配置，官网上面有配置很详细。自己简单在项目中使用了一下，总结一下。

kindeditor 隐藏网络图片功能，只保留本地上传功能

xiaochenij的博客

02-17

262

kindeditor 如何隐藏网络图片功能，只保留本地上传功能

富文本wangeditor图片自定义上传及图片删除

weixin_45111619的博客

09-26

7168

富文本编辑器的组件有很多像：百度的UEditor ，Vue-Quill-Editor，以及wangeditor。组件的选择根据自己业务需求选择，本文选用的是wangeditor。首先说一下业务需求：表单里加富文本，要求能够加载图片，文字进行保存，编辑时能够从数据库读取数据进行回显。主要问题： 1.图片上传 wangeditor可以取到文本域中的html代码，准备以字符串形式存入数据库。但...

wangeditor修改图片上传和视频上传

weixin_39522272的博客

10-12

1209

视频上传:https://blog.csdn.net/m0_37885651/article/details/83656437 图片批量上传: https://blog.csdn.net/kongfanyu/article/details/85706834

wangEditor编辑器自定义上传图片入门

qq_30907845的博客

02-06

978

wangEditor编辑器自定义上传图片入门初次入坑，首先被界面所吸引，其次轻量级使用，真香从官网进去下载js源码，CDN 链接 https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js 事情是这样的：我们项目需要在jsp一个弹窗页面引入，同事之前尝试用UEeditor,没搞好，让我帮忙，一看，那界面…最主要的是只能全局引入才能生效，果断劝退我。。。开撸 html代码： <div id="div1">

kindeditor 去掉网络图片上传功能

weixin_30835933的博客

01-14

413

kindeditor是一款开源的富文本编辑器，其内容设置均为可配置，使用比较灵活。去掉网络图片的页面：allowImageRemote: false, 修改上传的图片的name：filePostName:'upload',这部分可以修改后台接收文件对象的名字转载于:https://www.cnblogs.com/lzxianren/p/js.html...

wangeditor上传图片踩坑注意事项

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交