Wierius
2024-05-07T15:55:15Z

Simplified UI and live status updates for StackEdit.io.

StackEdit.io - Distractionless Mode

Overview

StackEdit.io - Distractionless Mode is a streamlined and productivity-focused userscript that provides a simplified user interface (UI) and live status updates for StackEdit.io. By removing unnecessary distractions and enhancing the display of key information, this tool empowers writers to focus on what truly matters: their content.

Features

Minimalist UI: Reduces clutter by hiding non-essential UI elements like input titles, synchronization buttons, and explorer toggles, creating a cleaner workspace.

Enhanced Status Display: Displays an intuitive status bar that shows real-time word and character counts directly within the editor's navigation bar.

Custom Print Button: Modifies the publish button to function as a one-click print option, enabling quick and convenient content printing.

UI Customization: Adjusts styles and spacing for various UI elements to ensure a consistent and distraction-free user experience.

Scrollbar Hiding: Conceals unnecessary scrollbars for a cleaner view, while preventing accidental scrolling by disabling overflow.

One Document: That's right! It's a feature of this script to hide anything related to making more than one document. Keep it simple!

How It Works

This script relies on a combination of JavaScript functions that customize the editor's DOM and CSS styles, creating a distraction-free workspace. Key features include:

Hide Elements: Selectively hides unnecessary navigation buttons and input fields.

Real-Time Status Updates: Uses a mutation observer to monitor changes in the statistics panel and updates the status bar accordingly.

UI Customization Functions: Applies styles to adjust element visibility, spacing, and alignments.

Installation

To use this script, simply install a userscript manager like Tampermonkey, then add this script to enhance your StackEdit.io experience.

Note: This is the first script I am publishing, so I would love your feedback to improve it!