4thCafeandClaude Fable 5
8a765f4946
入力欄(textarea)のキーワードを種別で色分け表示。素のtextareaは色付け 不可のため、同じ親内に色付きバックドロップdivを敷き、textareaの文字を 透明化(キャレットのみ表示)して重ねる。位置はtextareaのoffsetボックスに 合わせ、ResizeObserverで追従(ズーム/リサイズ非依存)。 - js/highlighter.js: highlightHTML(深度カウンタで種別判定・全文字保持)+ Highlighterクラス(バックドロップ生成・スクロール/位置同期) - 色分け: 重み(橙)/LoRA(青)/BREAK(灰太字)/コメント(灰斜体)、通常タグは既定色 - input_watcher.js: 対象ノードのtextareaにHighlighterを適用 - style.css: バックドロップと色クラス Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2.3 KiB
2.3 KiB
ComfyUI-PromptTagEditor
プロンプトをタグ(チップ)単位で編集できる ComfyUI 専用ノード Prompt Tag Editor 🏷️ を追加します。カンマ区切りのプロンプトを1タグずつチップ化し、個別編集・重み調整・並べ替え・削除を直感的に行えます。
チップUIはこのノードの text 欄にのみ表示され、CLIP Text Encode や Note など既存のノードには一切影響しません。
使い方
- ノード追加メニュー
utils/prompt→Prompt Tag Editor 🏷️を配置。 - text 欄にプロンプトを入力すると、その下の「Tags」エリアにタグがチップ表示されます。
text(STRING)出力を、CLIP Text Encodeの text 入力(右クリック → Convert text to input)や、任意のテキスト入力へ接続します。
特徴
- タグ編集エリアを分離表示: 上=生プロンプトの
<textarea>、下=チップ(タグ)エリア。双方向に同期します。 - タグ単位の操作:
- 各タグをダブルクリックで個別編集
+/−で重み調整((word:1.2)構文、0.05刻み、1.0付近で括弧自動除去)- ドラッグ&ドロップで並べ替え
×で削除訳で日本語訳をチップ下に表示(Google翻訳=要ネット・APIキー不要を優先、失敗時は argostranslate=オフラインへフォールバック)
- 非破壊: 値はネイティブのテキストウィジェットが保持するため、ワークフロー保存・実行時プロンプトに確実に反映されます。LoRA
<lora:...>・BREAK・エスケープ・括弧内カンマも壊しません。
設定 → Prompt Tag Editor: タグ編集エリアを表示 でチップエリアのON/OFFができます。
インストール
git clone https://github.com/4thCafe/ComfyUI-PromptTagEditor
を ComfyUI の custom_nodes に配置して ComfyUI を再起動してください。追加のPython依存はありません。
ロードマップ
- タグ編集コア(チップ化・個別編集・重み・並べ替え・削除)
- タグ翻訳(日本語→英語は置換、英語→日本語は表示)
- 入力欄の構文ハイライト(重み/LoRA/BREAK/コメントを色分け)
License
MIT