wangEditor富文本插入自界说应用

[复制链接]
发表于 2025-12-20 02:27:46 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
<hr> 前言

近来在业务中被要求用到了富文本的需求,颠末调研终极决定利用国产的 wangeditor ,必要在富文本菜单里插入自己的外部应用,本文旨在记录。
<hr> Modal插入富文本应用

参考链接官方issue的一篇帖子: modalMenu方案
注册新菜单

   ModalMenu的利用必要在内部界说元素,使代码糅合,业务代码与富文本代码不可分离(参考: 官方文档-自界说拓展功能)
以是利用menu栏上的按钮唤起新弹框,因此要注册个ButtonMenu
  界说菜单class
  1. import ReactDOM from "react-dom";
  2. import YourModalMenu from "./YourModalMenu";
  3. export default class ModalMenu {
  4.    
  5.    
  6.     id = `modal-${
  7.      
  8.      Math.random().toString(36).slice(2)}`;
  9.     title;
  10.     tag;
  11.     $ele;
  12.     ifInit = false;
  13.     controlShow;
  14.     constructor() {
  15.    
  16.    
  17.         this.title = '应用';
  18.         this.iconSvg = `
复制代码
回复

使用道具 举报

登录后关闭弹窗

登录参与点评抽奖  加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表