☰

Danbooru Note Formatting Helper

A formatting helper toolbar for Danbooru note formatting dialogs, adding buttons to wrap highlighted text with HTML tags for easy formatting.

2025-11-02 يوللانغان نەشرى. ئەڭ يېڭى نەشرىنى كۆرۈش.

ئاپتورى
FunkyJustin
باھا نومۇرى
0 0 0
نەشرى
1.23.0
قۇرۇلغان ۋاقتى
2025-11-02
يېڭىلانغان ۋاقتى
2025-11-02
Size
51.9 KB
ئىجازەتنامىسى
MIT
قوللايدىغىنى

A formatting helper toolbar for Danbooru note formatting 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.23.0: Added dedicated 'AR' toggle button for enable/disable auto-resize; ⚙ now only for setting width/height mins; improved re-apply after settings/toggle for immediate effect on open dialogs without refresh.

Disclaimer:
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)