A formatting helper toolbar for Danbooru note editing dialogs, adding buttons to wrap highlighted text with HTML tags for easy formatting.
A formatting helper toolbar for Danbooru note editing dialogs, adding buttons to wrap highlighted text with HTML tags for easy formatting. Now with Word-like ribbon layout above textarea, expanded buttons for advanced markup (link, TN, color, font size, align, big/small), icons/emoji for buttons, and undo/redo. Added color picker popup with ROYGBIV palette, RGB sliders/text inputs, and brightness (alpha) slider for text color and highlight (background-color). Fixed picker close (Cancel/overlay/ESC), used event listeners over onclick to avoid scope errors. Updated picker background to #1E1E2C with high-contrast text. Fixed missing applyFormat/clearFormatting, unified tag/style application with accurate cursor positioning. Enhanced link insertion: Uses selected text as default link text; empty prompt falls back intelligently. Fixed undo/redo: Linear pre/post snapshots on formatting actions only (no typing saves), preserves cursor/selection, discards branches for reliable backups. Auto-expands dialog on load to fit full horizontal ribbon + visible textarea (no manual drag needed). Updated to 1.24.0: Added hex code input (#RRGGBB) to color pickers (bidirectional with RGB); AR toggle for enable/disable auto-resize; ⚙ for width/height mins; improved re-apply after settings/toggle for immediate effect on open dialogs without refresh.
Simply highlight the text you want and press the button to apply their respective markups, it will automatically wrap the highlighted text with it.
I vibe-coded this with Grok, to quickly format the text when adding notes in Danbooru, since nobody has made it yet for some reason...
It contains all the basic functions for formatting rich text format just like a word processor.
(I'm not a programmer, just someone who likes making things convenient for themselves so I can't really give a good answer to any feedback regarding the code)
