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.

Contents

SAFE Markdown Editor

Overview

This tutorial will showcase how to:

• Fetch file index

• Create a file

• Edit a file

• Save a new version

• Fetch all versions

SAFE APIs

You will learn about the following APIs:

• Authorization

• NFS

• Structured Data

• Data ID

• Cipher Options

External libraries

• React

• React Markdown Editor

• react-diff

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

Requirements

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 nodejs.org for more info.

Setup

1. Clone this GitHub repository

git clone https://github.com/maidsafe/safe_examples.git

If you don't have Git installed, you can download it from git-scm.com.

2. Install the dependencies

cd safe_examples/markdown_editor && npm install

3. Start the app

npm run start