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)