Dropbox | Slate Editor — Copy & Markdown Render

Copy Dropbox Slate editor content with preserved line breaks, render .md files as formatted HTML or hybrid-styled Markdown, with segmented toolbar controls and persistent mode preference.

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

You will need to install an extension such as Tampermonkey to install this script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Advertisement:

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

Advertisement:

Autore
piknockyou
Installazioni giornaliere
0
Installazioni totali
2
Valutazione
0 0 0
Versione
4.1
Creato il
26/02/2026
Aggiornato il
26/02/2026
Dimensione
26,3 KB
Licenza
AGPL-3.0
Applica a

☕ If you find this tool helpful & would like to support its maintenance, please consider leaving a tip on:

https://ko-fi.com/piknockyou

Thank you! :-)


🖼 For a quick impression of this script, refer to the screenshots at the bottom.


Dropbox | Slate Editor — Copy & Markdown Render

Supercharge Dropbox's plain text and Markdown editor. Adds a floating toolbar to perfectly copy text with line breaks preserved, plus live VS Code-style syntax highlighting and full HTML Markdown rendering.


Why You Need This

Viewing and copying text files (.md, .txt) in Dropbox is frustrating:

  • No Markdown Support: Dropbox renders Markdown files as raw, unformatted plain text.
  • Broken Copy/Paste: Selecting text inside Dropbox's readonly "Slate" editor often loses line breaks (pasting as one massive block) and includes invisible layout characters (U+FEFF).
  • No Link Clicking: URLs in text files are unclickable.

This script solves all of these issues with a sleek, bottom-right control panel.


Key Features

Three Viewing Modes

Switch effortlessly between three modes (your choice is remembered automatically):

  • 📝 Raw Text: The default, untouched Dropbox editor experience.
  • Hybrid Markdown: Applies beautiful, VS Code-inspired syntax highlighting directly to the text.
    • Headers turn blue, bold/italic get distinct colors, inline code gets backgrounds, and code blocks are dimmed green.
    • Clickable Links: URLs instantly become clickable links that open in a new tab.
    • Live Updating: Highlights apply instantly as you type in Edit mode.
  • 👁 Rendered Markdown: Completely hides the text editor and replaces it with a clean, fully formatted HTML reading view (rendered via markdown-it).

Smart Copy (📋)

  • Extracts the pure text from the editor.
  • Preserves all line breaks perfectly.
  • Automatically strips zero-width artifacts and prevents Dropbox UI elements from sneaking into your clipboard.
  • Visual checkmark feedback upon successful copy.

Technical Details

  • Non-Destructive: Modifies styles and overlays content without breaking Dropbox's native React/Slate save functionality.
  • Dynamic Loading: Uses MutationObserver to ensure the toolbar appears exactly when an editor is active, even when navigating folders.
  • Lightweight: Fixed floating control panel stays out of your way in the bottom right corner of the viewport.

Installation

  1. Install Violentmonkey (recommended), Tampermonkey, or Greasemonkey.
  2. Install this script.
  3. Open any .md or .txt file in Dropbox — the segmented control panel will appear in the bottom right.