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

【bpmn.js 使用总结】最简单实现Palette

news 来源：原创 2025/6/5 12:54:01

最简单实现Palette

首先我们知道bpmn-js是封装diagram-js.

所以工具栏Palette也是有两部分.

在这里插入图片描述

核心就是把这两部分提取出来到我们项目中,进行自定义修改后(如HTML样式\工具栏内容等),再注入回去.

示例源码:https://github.com/PL-FE/bpmn-doc/tree/customPalette-plus

步骤

  1. 源码文件复制出来到自己项目中,如下图

.

如:https://github.com/PL-FE/bpmn-doc/tree/customPalette-plus/src/components/palette

  1. 修改下引用
    在这里插入图片描述

3.注入回去

在这里插入图片描述

效果

在这里插入图片描述
在这里插入图片描述

源码

customPalette-plus 分支

相关文章：

  • 在Mathematica中实现Newton-Raphson迭代
  • 从零打造AI面试系统全栈开发
  • 生成JavaDoc文档
  • [Java 基础]运算符，将盒子套起来
  • Qiskit：量子计算模拟器
  • 01-python爬虫-第一个爬虫程序
  • VueUse：组合式API实用函数全集
  • Spring Boot 自动配置原理：从入门到精通
  • 视频监控管理平台EasyCVR安防小知识：监控摄像头异响问题排查与处理
  • 嵌入式学习 D31：系统编程--Framebuf帧缓冲
  • 使用 Version Catalogs统一配置版本 (Gradle 7.0+ 特性)
  • Windows 优化及推荐工具
  • llama.cpp：纯 C/C++ 实现的大语言模型推理引擎详解一
  • Kerberos面试内容整理-在 Linux/Windows 中的 Kerberos 实践
  • 2025 Java面试大全技术文章（面试题2）
  • 文生图模型的dev、fast、full版本的区别
  • 移动端H5输入框调起手机软键盘，导致底部固定定位被顶起解决方法
  • 计算机基础知识（第三篇）
  • 力扣面试150题--二叉搜索树中第k小的元素
  • 线程池RejectedExecutionException异常
  • 东莞广告公司东莞网站建设价格/品牌如何推广
  • 国内广告投放平台/厦门百度快速优化排名
  • 大宗商品交易公司/下载班级优化大师并安装
  • 男的做直播哪个网站/主流网站关键词排名
  • wordpress医疗模板下载/聊城优化seo
  • 智慧团建网站登录密码/seo教程百度网盘