画图工具draw.io的二次开发经验

原文: https://blog.csdn.net/xyz_dream/article/details/78475027


最近公司使用到一个名为draw.io的开源画图工具,到github上去搜索就能够找到。能够在线实现画图,例如流程




图,数据库的E-R图等等,功能十分强大。想在其功能的基础上去修改,然后和我们的系统耦合在一起协作使用,开




始想到的那肯定就是修改源码,添加我们自己的功能。但是修改源码的过程并不是那么容易。刚开始我看了一下源都




是JavaScript写的,而且是打包好的min.js。完全改不下去。想到一个方法,那就是模拟按钮被点击等等各种事件,后




拿到我们所需要的数据。可是进行的不是那么顺利,模拟点击进行了1天最后也没有进行成功。各种模拟事件效果出




来,而且体验效果差。最后不得不放弃这个思路,还是最终回到修改源码的基础上实现此功能。




要修改源码成功,首先必须要解决的是这个项目打包js的build的问题。一直被坑了半天,原来在linux上使用一个




apache ant的东西去打包直接任何问题都没有,但是在windows上直接进行不下去,好像是换行符Linux是\r\n




,windows是\n。之后打包js会遇到语法错误。所以吸取教训,以后打包之类的事情绝对首选Linux,不要在windows




上弄了,坑到你无法想象!!!!




最后要修改源码就很简单了,搜索关键字找到相应代码的位置修改即可。然后每次的修改需要ant重新打包一下js




文件才能生效