对于我正在开发的 VisJs 网络应用程序,我需要能够让用户编辑节点标签的单独部分或同一节点内的多个标签。我知道可以将 SVG 用于节点图像并对其进行操作,但我想知道是否有更干净的方法来做到这一点。
我脑海中最简单的想法是拥有类似node.label1,node.label2之类的东西。或者,单个标签必须包含可以操作的不同 ID 的 HTML DIV,但我想这不会是 SVG 画布上的一个选项?!
也许我只需要一个关于寻找什么的提示。
经过一番思考,我找到了以下简单的解决方法:我的节点对象如下所示:
let node = {
id: 1,
title: 'New Node',
sublabel1: 'First Label Part',
sublabel2: 'Second Label Part',
}
node.label = node.title + 'nn' + node.sublabel1 + 'nn' + node.sublabel2;
子标签可以通过用户输入进行修改,DataSet(( 附带的原始标签组件仅组装输入。