wangeditor富文本编辑器Cannot set property ‘onchange‘ of undefined

最新推荐文章于 2023-10-21 16:19:47 发布
最新推荐文章于 2023-10-21 16:19:47 发布
阅读量1.5k 收藏 2
点赞数 4
分类专栏： # Vue 2.x 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HH18700418030/article/details/119930761
版权

使用 wangeditor 时报错 Cannot set property ‘onchange' of undefined，如下图：
请添加图片描述
网上查资料发现，wangeditor “＞=3.0.0“时会出现这个错误，当前是4.7.7版本，貌似是版本问题，用this.editor.customConfig = this.editor.customConfig ? this.editor.customConfig : this.editor.config; 兼容老版本。

如下：

  mounted () {
   
    this.editor = new E(this
最低0.47元/天 解锁文章
＊且听风吟
关注
专栏目录
vue3 - 详细引入 wangeditor 富文本编辑器及使用教程，安装引入全过程及说明（示例源码开箱即用，快速植入wangeditor 富文本编辑器到vue3项目）
高级前端工程师
07-26 5057
vue3 wangeditor5，vue3富文本编辑器wangeditor使用教程，vue3+ts使用富文本编辑器wangeditor，Vue3如何安装使用wangEditor富文本编辑器，vue3项目使用富文本编辑器-wangeditor，vue3 wangEditor富文本编辑器自定义上传图片，Vue3中使用富文本编辑器之wangEditor，Vue3集成wangEditor富文本插件，wangeditor5在vue3中的全使用过程，vue3+vite3+typescript使用wangEditor编辑
vue 使用 wangeditor 富文本编辑器
且听风吟的博客
02-01 2316
vue 使用 wangeditor 富文本编辑器
vue简单封装wangeditor4
tao-cht的博客
02-22 832
wangeditor v4版本已经发布了，地址：https://doc.wangeditor.com/ 抱着尝鲜的态度在新项目中实践，做了一个简单组件封装 实现思路 定义常用属性（height/zIndex/placeholder/focus）； 实现v-model指令； 监听编辑器onchange事件，更新组件value； watch组件value改变，更新编辑器内容，此处需要注意：在编辑器编辑时，触发onchange事件，更新了组件value值导致watch回调被触发，此时，需判断value
Vue wangEditor报错 Cannot set property ‘uploadImgShowBase64‘ of undefined“方法
dDddddCao的博客
12-18 3432
Vue wangEditor报错 Cannot set property 'uploadImgShowBase64' of undefined"方法 由于npm install了最新版本的wangEditor 复制其他博主封装的富文本 展示总是报错 东西也不写全。后来在 thinkplayer的文章里 后知后觉发现问题原因。 注意看代码第三行 由于更新了版本 老的customConfig 变成了config。 打印下可以看到， 可以用thinkplaer博主的三元 也可以把this.editor.cust
wangeditor渲染不出来，报错xxx of undefined
qq_39905409的博客
11-25 2677
原配置： var editor = new E('#div') editor.customConfig.uploadImgShowBase64 = true // 使用 base64 保存图片 editor.create() 改为： var editor = new E('#div') // 兼容老版本 let config = editor.customConfig ? editor.customConfig : editor.confg; config .uploadImgShowBas
使用 wangeditor “＞=3.0.0“ 报 “TypeError: Cannot set property ‘uploadImgShowBase64‘ of undefined“ （兼容老版）
qq_36609655的博客
10-14 2689
Error in mounted hook: "TypeError: Cannot set property 'uploadImgShowBase64' of undefined" this.editor.customConfig = this.editor.customConfig ? this.editor.customConfig : this.editor.config;
Cannot set property 'menuList' of undefined;at api request success callback function：此this非彼this
kshon的博客
10-19 1826
写微信小程序的网络请求时，常常会出现定义的数据报undefined Cannot set property 'menuList' of undefined;at api request success callback function 原因就是this的指向问题，在本方法体内this指向本页面，但是你进行请求后（如wx.request）在success和fail等方法中的this指向的是...
HTML前端wangEditor富文本编辑器demo（jQuery）
02-14
wangEditor就是这样一个强大的富文本编辑器，它专为JavaScript和jQuery设计，同时也能很好地融入Vue等现代前端框架。本示例是一个基于jQuery的wangEditor应用，具有丰富的功能，包括图片可拖拽调整大小，以及方便地...
【JavaScript源代码】Vue中使用wangeditor富文本编辑的问题.docx
12-30
在 Vue 中集成富文本编辑器，如 wangeditor，可以帮助用户在应用程序中创建和编辑复杂格式的文本内容。wangeditor 是一个基于 JavaScript 和 CSS 的轻量级、简洁且易用的富文本编辑器，它开源且免费，适用于各种 Web...
wangEditor 上传图片，回调函数 Cannot read properties of undefined
datouniao1的博客
11-15 4997
请看我的代码： editor.config.uploadImgHooks = { // 上传图片之前 before:function(xhr){ console.log(this.state.goodsguid); }, } 对于这样的代码，会不会报错， 当我们上传图片的时候，出现了这样错误： × Unhandled Rejection (TypeError):.
解决Cannot set properties of undefined (setting ‘status‘)
weixin_52169403的博客
03-24 4237
解决Cannot set properties of undefined (setting 'status')
wangEditor在Vue框架封装及第一次鼠标全选删除不触发onchange事件决解
云淡风轻的博客
06-14 2293
封装一 vue封装wangEditor，带字数统计及字数限制 <template> <div> <div :ref="id" :wordNumber="wordNumber"></div> <div class="gl-word-number" v-if="isCount"> <span>字数统计：</span> <span>{{ count }} / {{ wo
富文本编辑器wangEditor（2）
macgigo的博客
07-23 1859
回调函数： onchang：用户操作导致内容变化后会自动触发的函数（包括但不限于鼠标点击，键盘打字等）
wangEditor的使用
qq_37562908的博客
09-16 1402
wangeditor官网地址 wangeditor使用手册 wangeditor是个轻量级web富文本编辑器，而且对我个人而言wangeditor的界面相比ueditor好看简洁一些 创建编辑器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title&gt...
wangEditor5在vue中自定义菜单栏--格式刷，上传图片，视频功能
最新发布
liang04273的博客
10-21 6521
复制粘贴修改一下直接用，也写了相关的注释。
Cannot set properties of undefined (setting ‘BootstrapTable‘)怎么处理
weixin_43356308的博客
07-20 1750
使用bootstrap的js库需要引入jQuery,并且jQuery的顺序应放在bootstrap之前。
wangEditor光标乱跳问题
Admin_yws的博客
07-16 2364
问题描述 在使用wangEditor时，输入内容，按enter切换下一行时，光标切过去，又自动跳回来。 造成问题原因 是因为封装了组件后，使用父级传入的内容，每次输入都会触发wangEditor的onchange事件，而在onchange事件中又使用了子传父的方式将修改后的值赋给父组件，父组件的值改变后导致子组件wangEditor的值也被修改，所以出现光标总是跳转到最后。此时，并发的还有另外一个问题就是，撤销和恢复点击后无效。 解决方案 在子组件watch监听父组件传入的值时，加入判断，目的是输入时内容是
wangEditor的初步使用
chaochao2_0的博客
01-10 418
wangEditor的初步使用安装wangEditor具体使用 很多时候，我们会使用到富文本编辑器， 安装wangEditor npm install wangeditor --save 具体使用 官方文档介绍了高度的设置方法： editor.config.height = 300 // 设置编辑区域高度 在使用过程中，我使用的宽度设置方法为： <div id="div1" style="width: 600px"></div> 通过onchange函数来获取编辑器中的内容，配
wangeditor封装使用
weixin_42878641的博客
12-14 2901
wangeditor定制化需求的封装使用
Vue项目中WangEditor富文本编辑器实战与问题解决
在Vue应用程序中，WangEditor是一个常用的基于JavaScript和CSS开发的富文本编辑器，以其轻量、简洁、易用和开源免费的特点，在实际项目开发中被广泛应用。WangEditor提供了丰富的功能，如粗体、斜体、下划线、字号...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值