階層型リストツール v7
ドラッグ: 上下=並び替え / 右奥=子にする
注: メモ欄を開閉
このツールは、ドラッグ可能な階層リストを作成・編集するWebアプリです。ブログ掲載向けにエクスポート可能。ブラウザで動作。起動と基本
- ページを開くと親ノード(青背景)が自動追加。テキストを入力。
- Enterキーで兄弟ノード追加。
ノード操作
- 子追加: ノード右の「+子」ボタンで子ノード(黄背景)追加。
- 削除: 「×」ボタンで削除。
- 色変更: カラーピッカーで背景色変更。
- ドラッグ: 上下で並び替え、右で子化。ガイド線表示。
注釈
- 「注」ボタンでテキストエリア表示/非表示。入力で自動高さ調整。
コントロール
- ツール非表示: ボタンでツール群を隠す/表示。
- 親追加: 「+ 新しい親ノードを追加」でルートに追加。
- JSONエクスポート: 構造をJSON出力、コピー。
- HTMLエクスポート: 閲覧専用HTML出力(注釈ボタン残り)、コピー。
- インポート: JSON貼り付けで復元。