Introducing Wreditor the In-Browser Text Editor

I’m overdue for an introduction to Wreditor,’s new text editor. Wreditor is a piece of software I’m pretty proud of and I’m even more excited to announce that it’s completely open source. Wreditor came about because of my obsession with the perfect text editor. Rather than building a native editor I went for building it into a piece of software just about everyone already has: a web browser. Wreditor is now powering More on its features, how to get it, and how to use it after the jump.

Features (Version 0.8.3)

Both’s Wreditor implementation and the official implementation have roughly the same features. Where they differ will be noted.

Features native to both

  • Syntax highlighting – Set the language and Wreditor will highlight any code. Wreditor defaults to Markdown for language detection.
  • Live theme switching – Choose and switch between over 10 themes. Easily modify or create your own themes.
    • New Plus and Elegant Code themes – These are both themes specifically created for Wreditor. The other themes available are themes commonly found in most other text editors including Solarized Light and Solarized Dark.
  • Save to file – Save your writing directly to your own file system. No need for a database or any internet connectivity at all.
  • Distraction-free mode – Turn this on and get rid of everything but your writing on screen.
  • Built in webserver – Wreditor comes with a script that starts a simple HTTP server to allow you to run the app locally, offline.

Differences between editors

  •’s Wreditor supports code blocks and inline code but there is no way to set the language like there is in the open source version
  • There are a few more themes available in the open source version of Wreditor
  •’s implementation allows you to save to as well as downloading your writing to your own computer with or without saving to

Planned features

  • Ability to save to from any self-hosted Wreditor instance.
  • Ability to save to Dropbox
  • General UI enhancements, bug fixes, and improvements


Download the Wreditor source on GitHub. Once you have the source, drop it in a convenient location on your file system.

Run Wreditor locally

Open up the Wreditor folder and, if you’re on a Mac, you can double-click the start.command file. This will start a simple HTTP server on your computer. You must have Python 2.7 or later for this to work. This script has not been tested on Windows or Linux and may or may not work.

With the included server running, open up any browser and navigate to http://localhost:8000. You may have to navigate to the folder where you saved Wreditor. In that case, I recommend saving it to your Home folder.

Using any other local server software such as MAMP or XAMPP is also available. You can navigate to http://localhost if you have those programs installed and navigate to the wreditor folder.

Hosting Wreditor online

Wreditor is totally client-side so just about any web host will do. You can just drop the contents of the Wreditor package on any server, navigate to it in your browser, and you’ll be good to go.

Get the source and try it out

You can download, fork, and contribute to the codebase on’s official GitHub account. If you want to try before you use it, you can try a demo here.


I forgot to mention the most important part! Wreditor is not entirely the work of myself. It’s built on top of CodeMirror, the best browser-based code editor there is in my opinion. Wreditor takes the best features and functionality of CodeMirror and builds out a piece of software perfect for Writers and coders.

Open source, Web design, Web development,

« Protocol Relative URLs, Why to Use Them, and Common Pitfalls Perspective »