当前位置: 首页 > news >正文

Vue Tinymce富文本组件自定义操作按钮

想实现如下效果

首先在init方法中的增加一插件

增加一个setup方法

代码

          setup: function(editor) { editor.ui.registry.addButton('testButton', {text: '日记日期',tooltip: '插入日记日期',onAction: () => editor.insertContent("123456")});}, 

操作效果,点击新增的【日记日期】按钮,就会在光标所在处插入相应的字符,具体什么字符可以根据业务需要修改,现在的123456只是一个示例。

http://www.lryc.cn/news/269007.html

相关文章:

  • 论文阅读:Blind Super-Resolution Kernel Estimation using an Internal-GAN
  • 韩国Neowine车规认证加密芯片ALPU-CV
  • 【每日一题】收集巧克力
  • 【开源】基于Vue+SpringBoot的贫困地区人口信息管理系统
  • 八股文打卡day7——计算机网络(7)
  • 南大通用数据库 GBase 8a 性能调优方法--Hash索引
  • openFeign调用接口时传递表单参数、Json参数、HttpServletRequest对象
  • 中国人民银行总行原稽核司副司长王书刚一行莅临国鑫走访交流
  • 单例模式学习
  • 基于Qt之QChart 图表(优美的曲线图案例)
  • Flink1.17实战教程(第四篇:处理函数)
  • WPF 已有资源字典文件,在xaml 里面引用
  • ImageJ几何测量
  • Docker 使用详解看了挺开悟的
  • Superset二次开发之部署问题汇总
  • Mybatis行为配置之Ⅲ—其他行为配置项说明
  • 高并发系统常见问题及解决方案(Java)
  • 【鸿蒙千帆起】《钢岚》成为首款基于 HarmonyOS NEXT 开发的战棋新游
  • 【QT】qt各模块描述
  • Go 泛型之明确使用时机与泛型实现原理
  • web3方向产品调研
  • 【计算机视觉】角点检测(Harris、SIFT)
  • Python实现张万森下雪了的效果
  • 最长的指定瑕疵度的元音子串 (100%用例)C卷 (JavaPythonNode.jsC语言C++)
  • Qt/C++音视频开发62-电子放大/按下选择区域放大显示/任意选取区域放大
  • Vue(一):Vue 入门与 Vue 指令
  • C语言——最古老的树
  • dnSpy调试工具断点信息是保存在哪里的呢
  • 融汇贯通 —— 2023年技术与心灵的双重成长旅程
  • 基于element ui封装table组件