jsPlumb结合EditableFlowchart实现可编辑连接器找不到npm依赖怎么办
问题解答
公开npm仓库搜不到jsplumbtoolkit-editable-connectors是正常的——这个包从来没有上架过公网npm源。
可编辑连接器是jsPlumb Toolkit商业付费版的专属功能,不在2.x社区开源版的免费分发范围内,只有拿到官方商业授权后,你才能拿到对应的tgz格式本地安装包。
文档里写的file:开头的依赖配置,就是用来引入本地私有安装包的,具体操作按下面走就行:
- 拿到官方发的
jsplumbtoolkit-editable-connectors.tgz包之后,放到项目里的固定目录,推荐在根目录建个vendor文件夹存这类不走公网源的本地依赖,避免后续路径配错 - 打开项目根目录的
package.json,在dependencies里加依赖项,把路径换成你实际放tgz的相对路径就行,参考配置:
"dependencies": { // 其他已有依赖不用动 "jsplumbtoolkit-editable-connectors": "file:./vendor/jsplumbtoolkit-editable-connectors.tgz" }
- 存好配置之后回到项目根目录跑一遍
npm install,装完就能按文档示例正常引包、用可编辑连接器的功能了。
无付费授权的替代实现
如果暂时不打算买商业授权,用社区版也能凑出基础的可编辑连线效果:给连线元素绑定鼠标事件,点击连线时动态生成可拖拽的拐点控制点,拖拽控制点的时候实时更新连线的路径参数就行。但要做自动避障、拐点吸附、多连线类型切换这类复杂交互的话,自己写的成本很高,要处理非常多边界情况。
内容的提问来源于stack exchange,提问作者Abelini
相关产品推荐
相关产品推荐

