Drawio 二开记录

打包

cd {源码}/etc/build && ant war
//会在{源码}/build 处生成draw.war   拷贝到tomcat

svg base64解码

https://jgraph.github.io/drawio-tools/tools/convert.html

目录说明

右侧菜单-样式/属性：webapp/js/diagramly/Editor.js 408
右侧菜单-调整图形-编辑数据入口：webapp/js/grapheditor/Format.js 1883
右侧菜单-调整图形：webapp/js/grapheditor/Format.js 1695
编辑数据-弹出层-添加属性【button-click】：webapp/js/grapheditor/Dialogs.js 1483
编辑数据-弹出层-应用【button-click】：webapp/js/grapheditor/Dialogs.js 1559
顶部菜单：webapp/js/grapheditor/Menus.js

具体操作

右侧菜单-调整图形-编辑数据入口

增加换行

mxUtils.br(div);

增加文本框组件

在webapp/js/grapheditor/Format.js 1347行处，增加方法

 BaseFormatPanel.prototype.addTextInput = function(container, unit, right, width, update, step, marginTop, disableFocus, isFloat){marginTop = (marginTop != null) ? marginTop : 0;var input = document.createElement('input');input.style.position = 'absolute';input.style.textAlign = 'right';input.style.marginTop = '-2px';input.style.right = (right + 12) + 'px';input.style.width = width + 'px';input.setAttribute('type','text');container.appendChild(input);//  var stepper = this.createStepper(input, update, step, null, disableFocus, null, isFloat);//  stepper.style.marginTop = (marginTop - 2) + 'px';//  stepper.style.right = right + 'px';//  container.appendChild(stepper);return input;};

调用示例
在webapp/js/grapheditor/Format.js 1930行处，增加方法

mxUtils.br(div);var span = document.createElement('div');span.style.position = 'absolute';span.style.width = '70px';span.style.marginTop = '0px';span.style.fontWeight = 'bold';mxUtils.write(span, '部门名称');div.appendChild(span);var input = this.addTextInput(div, '°', 20, 44, function(){update.apply(this, arguments);});mxEvent.addListener(input, 'keyup', function(e){//keyup事件});

设置图形数据–（编辑数据）

//需要先点击编辑数据-应用，否则会报value is undefined错误（待优化）
var value = graph.getModel().getValue(cell)
value.setAttribute('setDeptName',input.value)
graph.getModel().setValue(cell, value);

Drawio 二开记录相关推荐

微擎狮子团购模块二开记录之导航修改
好记性不如烂笔头,最近帮朋友开发狮子团购模块,需要改动他们的导航,怕以后光忘记,特此记录路径:/Modules/Seller/Mode/MenuModel.class.php <?php /* ...
【二开】Jeecgboot Online表单js增强用法记录
[二开]Jeecgboot Online表单js增强用法记录表单js增强 loaded(){this.$nextTick(()=>{//获取表单maplet rows = this.getFi ...
二开云海多功能解析系统全开源免授权4.5带插件
这款源码为云海计费解析系统二开版本,修复一些bug,所有源码均本地化,无任何加密无需授权. 这个版本的云海计费系统是之前二开版本,相对比与之前的 4.2 和 4.3 增加很多实用的功能,对比与扶风的系 ...
云海二开解析接口计费系统全开源免授权v4.5（赠易支付接口轮询插件）
目录前言: 云海二开版特色功能更新记录: 管理后台预览: 用户后台预览: 首页模板预览: 安装教程: 伪静态代码: 前言: 这个版本的云海计费系统是之前二开版本,相对比与之前的 4.2 和 4.3 ...
云海多功能二开解析接口计费系统全开源免授权v4.5
前言: 这个版本的云海计费系统是之前二开版本,相对比与之前的4.2和4.3增加很多实用的功能,对比与扶风的系统其实都是不相上下,且之前的作者已经不再更新了,因为将此本部源码所有的代码优化修复了一下,增 ...
Dynread微信商城源码（二开利器）
Dynread微信商城(开源),基于JooLun-wx二开优化,技术架构为 Java + SpringBoot + Maven + Swagger + Mybatis Plus + Redis + V ...
Revit (3) - 二开 -创建柱子
系列文章目录 Revit开发中异常记录 Revit (1) - CAD - 获取图层 Revit (2) - CAD - 获取CAD文字 Revit (3) - 二开 -创建柱子 Revit (4) ...
可用二开游戏支付通道/西瓜视频/抖音YY陪玩YB/中油好客双端H5/个人免签/京东电费qq293814的头像-彩虹支付授权游戏通道
演示站:http://zsj.cgxyes.top/index/user/index.html cs293814 cs293814 2022/6/12号.前面购买和以后购买全部带更新. 中油好客失 ...
【Python】abaqus二开，边线选择
[Python]abaqus二开,边线选择前言一.选择边的方法二.使用方法 1.输出内容转换总结前言在使用abaqus进行二次开发时(python),经常会遇到动态选取某一条边的情况,在a ...

Drawio 二开记录

打包

svg base64解码

目录说明

具体操作

右侧菜单-调整图形-编辑数据入口

增加换行

增加文本框组件

设置图形数据–（编辑数据）

Drawio 二开记录相关推荐

最新文章

热门文章