メインコンテンツまでスキップ

ノードデータ

export type NodeObj = {
topic: string // トピック内容
id: Uid // ノードID(自動生成)
style?: {
// ノードのスタイル
fontSize?: string
color?: string
background?: string
fontWeight?: string
}
children?: NodeObj[] // 子ノード
tags?: string[] // タグ
icons?: string[] // アイコン
hyperLink?: string // ハイパーリンク
expanded?: boolean // 展開されているかどうか
direction?: number // ノードの方向(メインノードのみ有効)
root?: boolean // ルートノードかどうか
image?: {
// ノードに画像を追加する際は、幅と高さを指定する必要があります
url: string // 画像のリンク
width: number
height: number
}
branchColor?: string // このブランチの色
parent?: NodeObj // このノードの親ノードオブジェクト(プログラムによって自動生成)
dangerouslySetInnerHTML?: string // HTMLを直接挿入
}
ヒント

image プロパティを使用する場合、画像の幅と高さは必須です。これは new Image() を使用して取得できます。詳細な方法はこのリンクを参照してください。

個別のノードの更新

特定のノードを更新するには、reshapeNode を使用できます。前述の E 関数も使用でき、2 番目の引数には更新するノードのデータが含まれます:

mind.reshapeNode(MindElixir.E('d6e5f69edb6336c3'), { style: { fontWeight } })