Se connecter
${content.outerHTML} `); printWindow.document.close(); setTimeout(() => { printWindow.print(); }, 250); }; const getConnections = () => { return nodes .filter(node => node.parentId !== null) .map(node => { const parent = nodes.find(n => n.id === node.parentId); return parent ? { from: parent, to: node } : null; }) .filter(conn => conn !== null); }; const Icon = ({ icon: IconComponent, ...props }) => { return React.createElement(IconComponent, props); }; return (
{Math.round(scale * 100)}%
{showHelp && (
setShowHelp(false)} /> )}

Guide d'utilisation

  • • Sélectionner : Cliquez sur un nœud
  • • Déplacer un nœud : Glissez le nœud
  • • Naviguer : Cliquez et glissez dans le vide ou utilisez 2 doigts
  • • Zoom : Molette de la souris ou pincer avec 2 doigts
  • • Ajouter : Bouton + vert
  • • Supprimer : Bouton rouge
{getConnections().map((conn, idx) => { const centerOffsetX = 87.5; const centerOffsetY = 35; return ( ); })} {nodes.map(node => (
handleMouseDown(e, node.id)} onTouchStart={(e) => handleMouseDown(e, node.id)} onClick={(e) => { e.stopPropagation(); setSelectedNode(node.id); }} >