TodayTools

Rich text editor

Newsletters, notices and notes that look polished in email or on the web.

PrivateNo uploadsRuns in your browser

Donate
Layout

Document

Paste, type, drop a file, open a URL or press Sample

Man Laptop

For letters and notes

Write it, style it, send it.

Club notice. Javed writes the weekend match notice.

BeforeFighting with formatting

With sdevBold, lists and headings in a tap

  • Business People

    Shared with all

    Every member gets a tidy, clear note.

  • Friends Fun

    Game day

    Everyone shows up at the right time.

How to use the editor

  1. Pick how you write

    Visual gives you a toolbar like a word processor. HTML shows the code with colours, checks and one-click tidying. Markdown is for notes and documents. All three edit the same document, so switch whenever you like.

  2. Bring your content

    Type, paste, drop a file on the editor, press Open for an .html or .md file, or URL to fetch a page from the web. Sample fills in an example page with styles, a table and a script.

  3. Preview and export

    The preview renders the page as you type, at desktop, tablet or phone width. Download gives you HTML, Markdown, plain text or PDF; Ctrl+S saves the HTML. Open in tab shows the page full size.

Good to know

  • Visual toolbar: headings, bold, italic, underline, strike, sub and superscript, code, text colour, highlight, alignment, bullet, numbered and task lists, quotes, code blocks, links, images, tables, undo and redo. Ctrl+B, Ctrl+I, Ctrl+U, Ctrl+Z work as expected.
  • Code editors: Shift+Alt+F formats HTML, Ctrl+F finds and replaces, Ctrl+D selects the next match, Alt+Up or Down moves a line, Ctrl+/ toggles a comment, Tab indents the selection.
  • A full page keeps its head, styles and scripts while you write in Visual or Markdown; only the body is edited there. Fragments are wrapped in a simple styled page for the preview and the HTML and PDF downloads.
  • Untick Run scripts to render the page with JavaScript disabled. The preview frame has no access to this site, your cookies or other tabs.
  • Load from URL: pages that allow it load directly; others go through a public relay. Add ?url=https://… to this page's address to share a link that opens a page in the editor.
  • Your draft is saved in this browser and restored the next time you open any of the three tabs. Press Clear to forget it. Nothing is sent to a server.

Where people use it

  • Write an email or newsletter

    Write with a toolbar, then copy the clean HTML into your mail tool.

  • Turn Markdown into a web page

    Write in Markdown and download the page as HTML or save it as PDF.

  • Fix a web page by hand

    Edit the HTML code with a live preview at phone, tablet or desktop width.

    HTML editor, formatter and live preview

  • Notes for a project

    Write README notes or meeting notes in Markdown with a live preview.

    Markdown editor and preview

  • Learn Markdown first

    New to Markdown? Ten short lessons teach the basics in about twenty minutes.

    Learn Markdown

Why this one

One document, three ways to write it. Switch between the toolbar, HTML and Markdown without losing your work.

  • Visual, HTML and Markdown views of the same document.
  • Live preview as you type.
  • Download as HTML, Markdown, text or PDF.
  • Your writing stays on your device.

What you can change

  • Visual, HTML or Markdown view
  • Split or full layout
  • Preview width
  • Indent and line wrap

People find this page by searching

  • online text editor
  • rich text editor online
  • html editor online
  • markdown editor online
  • convert markdown to html
  • convert html to markdown
  • write and download html
  • word to html converter
  • online notepad
Cite this tool
  • APA
    sdev.in. (n.d.). Rich text editor [Web tool]. https://www.sdev.in/tools/editor
  • MLA
    "Rich text editor." sdev.in, https://www.sdev.in/tools/editor.
  • Chicago
    sdev.in. "Rich text editor." https://www.sdev.in/tools/editor.
  • BibTeX
    @misc{sdev-editor,
  title = {Rich text editor},
  author = {{sdev.in}},
  howpublished = {\url{https://www.sdev.in/tools/editor}},
  note = {Web tool}
}

Questions people ask

What is the difference between the three tabs?

Visual is a word-processor style editor with a toolbar. HTML shows the same document as source code with formatting, minifying and checks. Markdown lets you write in Markdown syntax. Switching tabs converts the document, so you can start in one and finish in another.

Will switching to Markdown lose anything?

The head of a full page, its styles and scripts, are kept aside and put back when you return to HTML or Visual. Only the body is turned into Markdown, and Markdown cannot express everything HTML can, so custom attributes, colours and inline styles in the body are dropped.

Which download formats are there?

HTML (.html), Markdown (.md), plain text (.txt) and PDF. PDF opens the page in a new tab with the print dialog, where you choose Save as PDF. Fragments without html and body tags are wrapped in a simple styled page for the HTML and PDF downloads.

How does Load from URL work?

The page is fetched by your browser. Sites that allow it load directly. Others are fetched through a public relay, which sees the URL but not your document. You can also open the editor with ?url= in the address bar.

Is the preview safe with pasted HTML?

Yes. The preview is a sandboxed frame on a separate origin: its scripts cannot read this page, your cookies or other tabs. Untick Run scripts to render without JavaScript.

What does Format change, and is Minify safe?

Format fixes indentation, line breaks and attribute quoting, including CSS and JavaScript inside style and script tags. Minify removes comments and whitespace between tags, keeps pre and textarea byte for byte and leaves JavaScript untouched apart from surrounding whitespace.

Is my document uploaded anywhere?

No. Editing, converting, checking and the preview run in your browser. The draft is kept in this browser's local storage so it is still here when you come back on the same device.

Donate