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

 

最近公司使用到一个名为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

 

文件才能生效