Markdown editor

In this tutorial, you will learn how to build a text editor that stores its data on the SAFE Network.

The SAFE Markdown Editor lets you create and edit Markdown files. The files are encrypted using a symmetric key, which means that only you can read them. Each time you save a file, a new version is stored on the SAFE Network. You can browse through previous versions of your files and compare the difference across versions. This example app demonstrates the usage of versioned structured data.


SAFE Markdown Editor


This tutorial will showcase how to:


You will learn about the following APIs:

External libraries

Source code

Browse the source code of the SAFE Markdown Editor on GitHub

create-react-app was used as a starting point.

Live version

You can access the SAFE Markdown Editor at safe://editor.safedev using SAFE Browser v0.4.2.

Development mode


1. SAFE Launcher

Start SAFE Launcher v0.10.0 and log in.

2. SAFE Browser

Start SAFE Browser v0.4.2.

3. Node.js

Make sure you have Node.js v6 (LTS).

node --version

There are many ways to install Node.js. See for more info.


1. Clone this GitHub repository
git clone

If you don't have Git installed, you can download it from

2. Install the dependencies
cd safe_examples/markdown_editor && npm install
3. Start the app
npm run start

results matching ""

    No results matching ""