百度编辑器ueditor自定义增加一个菜单按钮,并实现与父级组件通信

项目中,已实现封装百度编辑器组件。这里,是为了增加支持自定义插入商品等服务功能。

新增自定义按钮,实现与父级组件通信

initEditor () {
   
	let that = this
	  window.UE.registerUI('goodsmenu', function (editor, uiName) {
   
		return new window.UE.ui.Button({
   
		  name: uiName,
		  title: '服务',  // 这里是设置当鼠标指向这个按扭时显示的文字
		  cssRules: "background-position: -550px 44px;",
		  onclick: function () {
   
			// todo 这里使用that.emit传递,父组件无法接收到抛出事件??
			// todo 或者是that.parent不起作用 建议都试一下
			// that.parent.ueditorMenuOpen()
			that.$emit('ueditorMenuOpen')
			// alert('我是新增按扭在被点击时执行的方法,在这里可以编写你想要实现的功能哦!');
		  }
		});
	  });
	}
}


父级组件实现选择商品等服务,并插入到编辑器中

<template>
  <div>
    <!-- 百度编辑器vue组件 -->
    <VueUEditor :ueditorPath="ueditorP
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值