DEV Community

Raisul Islam
Raisul Islam

Posted on

Text Editor Fullscreen β€” Fullscreen mode for all Text Editor fields

πŸ–ŠοΈ Text Editor Fullscreen
If you've ever had to write long content inside a Text Editor field β€” job descriptions, terms & conditions, email templates, knowledge base articles, bios β€” you know how cramped the default editor feels.
This app adds a one-click fullscreen mode to every Text Editor (Quill) field on the desk, for both editable and read-only views.

Features

  • Fullscreen editing β€” expand any Text Editor field into a focused modal
  • Read-only fullscreen β€” view long HTML content without editing, comfortably
  • Lock toggle β€” prevent accidental close from Escape or outside clicks
  • Image cropping β€” crop inserted images (Free, 1:1, 4:3, 16:9) right inside the editor
  • Image deletion β€” select an image and hit Delete/Backspace, or use the delete button on the resize overlay
  • Full-width aware β€” modal size adapts to your desk's Toggle Full Width setting, live
  • Dark theme support β€” styled with Frappe CSS variables, works in both light and dark mode
  • Zero configuration β€” install and it works on every Text Editor field across your site
  • Compatible with ERPNext v15 and v16

Installation
bashcd $PATH_TO_YOUR_BENCH
bench get-app https://github.com/raisulislam0/text_editor_fullscreen
bench install-app text_editor_fullscreen
bench --site [your_site_name] clear-cache

Links

πŸ”— GitHub: https://github.com/raisulislam0/text_editor_fullscreen
πŸŽ₯ Video demo: https://youtu.be/JAzG84p_XPo

Would love feedback β€” bug reports, feature requests, or just whether it works on your setup. If it's useful, a ⭐ on the repo helps a lot!

Top comments (0)