Feature-request: Is this possible to customize the Node as html elements

[vikashpisces]

Wandering if this feature already exists, if not Can this be possible to have our own customized template node element on the diagram instead of having predefined node shape.

Basically, is it possible to connect html divs/template blocks using Vis.js? This will help in having owr own customized node connected to each other.

[ghost]

yeah i am also looking for this. @vikashpisces do you find a solution?

[vikashpisces]

@RanaProgrammer not yet as I need to see a custom developed plugin to create such html node unless we have something from Vis....

[kpcauchi]

I'm looking for this too. I think I will be forced not to use vis unfortunately. If you find something let us know!

[vikashpisces]

@RanaProgrammer , @kpcauchi - I found another library jsPlumb (Community Edition which is free) and helps in connecting HTML elements like div, span etc to make a network diagram.

[atopus]

I'm also interesting, for use with React component...

[kpcauchi]

I actually implemented a hack to pass a view.

I injected my view, used html2canvas to convert my view to a canvas, then I got the data uri from the canvas and passed it as an image to the node.

[ventralnet]

@vikashpisces @kpcauchi @RanaProgrammer

Is this example what you guys are looking for? http://visjs.org/examples/network/nodeStyles/HTMLInNodes.html

[vikashpisces]

@ventralnet: Yes, I had seen this example earlier also. However this example uses foreign object which is currently not supported by modern browser versions which unfortunately limits my example to use VIS.js

[kpcauchi]

Which browsers doesn't it work on? It works well on chrome it seems

[binDongKim]

Any news on this?