美文网首页
ts富文本自己添加自定义按钮

ts富文本自己添加自定义按钮

作者: 43e1f527c136 | 来源:发表于2023-03-08 21:30 被阅读0次

引入wangedirtor

import E from 'wangeditor'

引入$和BtnMenu

const { $, BtnMenu } = E

创建btn类

  class AlertMenu extends BtnMenu {

    constructor(editor: E) {

      // data-title属性表示当鼠标悬停在该按钮上时提示该按钮的功能简述

      const $elem = E.$(

        `<div class="w-e-menu" data-title="Alert">

                <button>alert</button>

            </div>`

      )

      super($elem, editor)

    }

    // 菜单点击事件

    clickHandler() {

    }

    tryChangeActive = () => {

    }

  }

//写入key

 const menuKey = 'alertMenuKey'

//注册菜单,

  data.editor.menus.extend(menuKey, AlertMenu)

//最后添加到自己之前写的menus中

 data.editor.config.menus.push(menuKey)

相关文章

  • 如何在Tinymce中为选中文本添加自定义链接功能

    一,首先在Tinymce标题栏自定义添加链接的按钮 如图为新加的按钮 方法: 1.在富文本页面定义按钮,以组件形式...

  • 2018-07-23

    django项目admin后台整合tinymce富文本编辑并自定义添加图片本地上传和富文本中的回显 - 个人文章 ...

  • Jeecg-Boot 表单之自定义按钮和Sql增强

    自定义按钮 Jeecg-Boot 提供了自定义按钮的功能,让我们可以在表单上添加自定义按钮,并且添加的自定义按钮可...

  • iOS 富文本如何添加图片

    iOS 富文本如何添加图片 iOS 富文本如何添加图片

  • Widget

    父类像子类传递数据 checkbox 计步器 Text文本 富文本 ` 图文混合 按钮 图标按钮: 按钮默认适配4...

  • 为EventTrigger添加自定义事件

    为按钮添加自定义事件

  • iOS 图文混排

    创建label 创建富文本 创建图片文本 富文本添加图片 图片和文字居中对齐 图片文本加入富文本中 图片插入文本中...

  • 添加action bar 按钮

    Action bar 允许添加按钮。可以添加 icon 和/或文本被称作action buttons(操作按钮)。...

  • ios 如何调整button内部imageView和Label的

    第一类:自定义按钮 如果是自定义按钮想调整内部空间位置,那么我推荐还是自己给按钮添加imageView和label...

  • iOS 常用代码块

    不定期添加和整理 如有帮助,点个喜欢可好? 目录 1. 扩大按钮点击范围(扩大点击事件响应范围) 富文本 2.1 ...

网友评论

      本文标题:ts富文本自己添加自定义按钮

      本文链接:https://www.haomeiwen.com/subject/vzgoldtx.html