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

Vue Tinymce富文本组件自定义带下拉框的操作按钮

news 2026/2/8 22:53:01

想实现如下效果

首先在init方法中的props，toolbar属性增加一个自定义按钮

增加一个setup方法

代码

          setup: function(editor) { editor.ui.registry.addSplitButton('myDateButton', {text: '日期时间',onAction: (_) => editor.insertContent(getJsMonthDay(getNowDate()) + " " + getWeekday(getNowDate())),onItemAction: (buttonApi, value) => editor.insertContent(value),fetch: (callback) => {const items = [{type: 'choiceitem',text: '当天 月-日 周几',value: getJsMonthDay(getNowDate()) + " " + getWeekday(getNowDate())},{type: 'choiceitem',text: '本月 月-日 周几',value: getMonthAllDays()}];callback(items);}});},

操作效果，下拉【日期日期】按钮，选择某项菜单，就会在光标所在处插入相应的字符。如下

Vue Tinymce富文本组件自定义带下拉框的操作按钮

想实现如下效果首先在init方法中的props，toolbar属性增加一个自定义按钮增加一个setup方法代码 setup: function(editor) { editor.ui.registry.addSplitButton(myDateButton, {text: 日期时间,onAction: (_) > editor.insertContent(getJsMonthDay(getNowDat…...

编程日记 2023/12/30 14:49:25

YOLOv5算法进阶改进（10）— 更换主干网络之MobileViTv3 | 轻量化Backbone

前言：Hello大家好，我是小哥谈。MobileViTv3是一种改进的模型架构，用于图像分类任务。它是在MobileViTv1和MobileViTv2的基础上进行改进的，通过引入新的模块和优化网络结构来提高性能。本节课就给大家介绍一下如何在主干网络中引入MobileViTv3网络结构，希望大家学习之后能够…...

编程日记 2023/12/30 14:47:22

Java UDP

接收方创建DatagramSocket实例并指定端口。创建DatagramPacket实例接收信息。调用DatagramSocket的receive()方法将接收信息并传递给DatagramPacket。通过DatagramPacket的getData()方法获取信息内容，getLength()方法获取长度。 package io.github.jast90.udp;im…...

编程日记 2023/12/30 14:41:18

Halcon阈值处理的几种分割方法threshold/auto_threshold/binary_threshold/dyn_threshold

Halcon阈值处理的几种分割方法文章目录 Halcon阈值处理的几种分割方法1. 全局阈值2. 基于直方图的自动阈值分割方法3. 自动全局阈值分割方法4. 局部阈值分割方法5. var_threshold算子6 . char_threshold 算子7. dual_threshold算子在场景中选择物体或特征是图像测量或识别的重…...

编程日记 2023/12/30 14:34:00

FB混合C语言编译

这是群友分享的方法，这里只是作为记录和分享。有了这个功能，可以很方便的拷贝一下C或者C代码直接用到FB上。既然是混合C语言编译，当然得有C的代码。比如随便去网上找两个排序：冒泡排序和选择排序，代码如下&#xf…...

编程日记 2023/12/30 14:32:59

【机器学习】深度学习概论（二）

五、受限玻尔兹曼机（Restricted Boltzmann Machine，RBM） 5.1 RBM介绍示例代码： Python 编写了一个简单的 RBM 实现，并用一些假数据训练了它。然后，他展示了如何用 RBM 来解释用户的电影偏好，以…...

编程日记 2023/12/30 14:31:58

词法语法语义分析程序设计及实现，包含出错提示和错误恢复

词法说明 (1)关键字 main, int, char, if, else, for, while, void (2)运算符 - * / < < > > ! (3)界符 ; ( ) { } (4)标识符 ID letter(letter|digit)* (5)整型常数 NUM digit digit* (6)空格 ‘ ‘ ‘\n’ ‘\r’ ‘\t’ 空格用来分隔ID,NUM,运算符,界…...

编程日记 2023/12/30 14:28:56

Linux的capability深入分析

from:https://www.cnblogs.com/iamfy/archive/2012/09/20/2694977.html 一)概述: 1)从2.1版开始,Linux内核有了能力(capability)的概念,即它打破了UNIX/LINUX操作系统中超级用户/普通用户的概念,由普通用户也可以做只有超级用户可以完成的工作. 2)capability可以作用在进程上…...

编程日记 2023/12/30 14:27:55

【自然语言处理】类似GPT的模型

除了GPT (Generative Pre-trained Transformer) 之外，还有一些其他的好用的类似工具可以用来生成文本。以下是几个受欢迎的工具： BERT (Bidirectional Encoder Representations from Transformers): BERT 是一个预训练的深度双向 Transformer 模型&#…...

编程日记 2023/12/30 14:26:54

【Unity】【FBX】如何将FBX模型导入Unity

【背景】网上能够找到不少不错的FBX模型资源，大大加速游戏开发时间。如何将这些FBX导入Unity呢？ 【步骤】打开Unity项目文件，进入场景。点击Projects面板，右键选择Import New Assets 选中FBX文件后导入。Assets文件夹中就会…...

编程日记 2023/12/30 14:25:53

腾讯云标准型S5服务器4核8G配置优惠价格表

腾讯云4核8G服务器S5和轻量应用服务器优惠价格表，轻量应用服务器和CVM云服务器均有活动，云服务器CVM标准型S5实例4核8G配置价格15个月1437.3元，5年6490.44元，轻量应用服务器4核8G12M带宽一年446元、529元15个月，腾讯云…...

编程日记 2023/12/30 14:23:51

学习笔记：R语言基础

文章目录一、R语言简介二、选择R的原因三、R基本数据对象（一）向量（二）矩阵（三）数组（四）因子（五）列表（六）数据框（七&#…...

编程日记 2023/12/30 14:20:48

初识智慧城市

文章目录智慧家居智慧社区智慧交通智慧医疗智慧教育智慧旅游智慧农业智慧安防智慧家居利用智能语音、智能交互等技术,实现用户对家居系统各设备的远程操控和能控制如开关窗帘(窗户)、操控家用电器和照明系统、打扫卫生等操作。利用计算机视觉等技术,对被照看…...

编程日记 2023/12/30 14:18:46

Zookeeper之手写一个分布式锁

前言我之前写了一篇快速上手ZK的文章：https://blog.csdn.net/qq_38974073/article/details/135293106 本篇最要是进一步加深学习ZK，算是一次简单的实践，巩固学习成果。设计一个分布式锁对锁的基本要求可重入：允许同一个应…...

编程日记 2023/12/30 14:17:45

【音视频 ffmpeg 学习】 RTMP推流 mp4文件

1.RTMP(实时消息传输协议)是Adobe 公司开发的一个基于TCP的应用层协议。 2.RTMP协议中基本的数据单元称为消息（Message）。 3.当RTMP协议在互联网中传输数据的时候，消息会被拆分成更小的单元，称为消息块（Chunk&#xff…...

编程日记 2023/12/30 14:16:44

跨进程通信 macOS XPC 创建实例

一：简介 XPC 是 macOS 里苹果官方比较推荐和安全的的进程间通信机制。集成流程简单，但是比较绕。主要需要集成 XPC Server 这个模块，这个模块最终会被 apple 的根进程 launchd 管理和以独立进程的方法唤起和关闭， 我们主app 进…...

编程日记 2023/12/30 14:14:42

Python圣诞树代码

Python圣诞树代码 # 小黄 2023/12/25import turtle as t # as就是取个别名，后续调用的t都是turtle from turtle import * import random as rn 100.0speed(20) # 定义速度 pensize(5) # 画笔宽度 screensize(800, 800, bgblack) # 定义背景颜色，可…...

编程日记 2023/12/30 14:13:42

flask之文件管理系统-项目 JRP上线啦！！！ ---修订版，兼容Windows和Linux系统

上一章的版本https://blog.csdn.net/weixin_44517278/article/details/135275066，在Windows下debug完成无异常后，上传到我的树莓下开始正式服役由于开发环境是Windows，使用环境是Linux，导致最后没能成功运行起来这个版本是今天去…...

编程日记 2023/12/30 14:12:41

希尔排序：排序算法中的调优大师

希尔排序：排序算法中的调优大师大家好，我是免费搭建查券返利机器人赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！今天，让我们一同探讨一个经典而高效的排序算法——希尔排序。…...

编程日记 2023/12/30 14:11:40

LeetCode 1185. 一周中的第几天

一、题目 1、题目描述给你一个日期，请你设计一个算法来判断它是对应一周中的哪一天。输入为三个整数：day、month 和 year，分别表示日、月、年。您返回的结果必须是这几个值中的一个 {"Sunday", "Monday", "Tues…...

编程日记 2023/12/30 14:08:37

Frozen-Flask ：将 Flask 应用“冻结”为静态文件

Frozen-Flask 是一个用于将 Flask 应用“冻结”为静态文件的 Python 扩展。它的核心用途是：将一个 Flask Web 应用生成成纯静态 HTML 文件，从而可以部署到静态网站托管服务上，如 GitHub Pages、Netlify 或任何支持静态文件的网站服务器。 &am…...

编程新知 2025/12/5 20:57:13

Spring Boot面试题精选汇总

🤟致敬读者 🟩感谢阅读🟦笑口常开🟪生日快乐⬛早点睡觉 📘博主相关 🟧博主信息🟨博客首页🟫专栏推荐🟥活动信息文章目录 Spring Boot面试题精选汇总⚙️ **一、核心概…...

编程新知 2025/9/24 23:08:17

Java多线程实现之Thread类深度解析

Java多线程实现之Thread类深度解析一、多线程基础概念1.1 什么是线程1.2 多线程的优势1.3 Java多线程模型二、Thread类的基本结构与构造函数2.1 Thread类的继承关系2.2 构造函数三、创建和启动线程3.1 继承Thread类创建线程3.2 实现Runnable接口创建线程四、Thread类的核心…...

编程新知 2025/8/28 21:52:02

sipsak：SIP瑞士军刀！全参数详细教程！Kali Linux教程！

简介 sipsak 是一个面向会话初始协议 (SIP) 应用程序开发人员和管理员的小型命令行工具。它可以用于对 SIP 应用程序和设备进行一些简单的测试。 sipsak 是一款 SIP 压力和诊断实用程序。它通过 sip-uri 向服务器发送 SIP 请求，并检查收到的响应。它以以下模式之一…...

编程新知 2026/1/29 8:51:33

PAN/FPN

import torch import torch.nn as nn import torch.nn.functional as F import mathclass LowResQueryHighResKVAttention(nn.Module):"""方案 1: 低分辨率特征 (Query) 查询高分辨率特征 (Key, Value).输出分辨率与低分辨率输入相同。"""def __…...

编程新知 2025/10/20 4:39:36

【从零学习JVM|第三篇】类的生命周期(高频面试题)

前言： 在Java编程中，类的生命周期是指类从被加载到内存中开始，到被卸载出内存为止的整个过程。了解类的生命周期对于理解Java程序的运行机制以及性能优化非常重要。本文会深入探寻类的生命周期，让读者对此有深刻印象。目录 …...

编程新知 2026/1/26 8:42:13

【网络安全】开源系统getshell漏洞挖掘

审计过程： 在入口文件admin/index.php中： 用户可以通过m,c,a等参数控制加载的文件和方法，在app/system/entrance.php中存在重点代码： 当M_TYPE system并且M_MODULE include时，会设置常量PATH_OWN_FILE为PATH_APP.M_T…...

编程新知 2026/1/31 2:59:25

Git 3天2K星标：Datawhale 的 Happy-LLM 项目介绍（附教程）

引言在人工智能飞速发展的今天，大语言模型（Large Language Models, LLMs）已成为技术领域的焦点。从智能写作到代码生成，LLM 的应用场景不断扩展，深刻改变了我们的工作和生活方式。然而，理解这些模型的内部…...

编程新知 2026/1/29 11:06:33

FFmpeg：Windows系统小白安装及其使用

一、安装 1.访问官网 Download FFmpeg 2.点击版本目录 3.选择版本点击安装注意这里选择的是【release buids】，注意左上角标题例如我安装在目录 F:\FFmpeg 4.解压 5.添加环境变量把你解压后的bin目录（即exe所在文件夹）加入系统变量…...

编程新知 2026/1/31 14:34:46

书籍“之“字形打印矩阵(8)0609

题目给定一个矩阵matrix，按照"之"字形的方式打印这个矩阵，例如： 1 2 3 4 5 6 7 8 9 10 11 12 ”之“字形打印的结果为：1，…...

编程新知 2025/12/6 11:14:42

相关文章：