A Markdown editor app with React.js is built to facilitate editing Markdown documents. The WYSIWYG editor allows users who may be less experienced with Markdown to use familiar toolbar buttons and shortcuts. In addition, the html output is shown simultaneously when editing Markdown document.

Markdown is not a syntax that an average user will be familiar with, nor is it visually clear while editing. In otherwords, for an unfamiliar user, the syntax they write will make little sense until they view the result. This app has been designed to bridge this gap for non-technical users who are less familiar with or just learning Markdown syntax.

react-md-editor-screenshot

iOS and Android mobile apps are also delivered. The apps are developed with React Native, anyone who is interested can test the apps through the Expo Publish Link with Expo Go app.

View the App

App GitHub

Docker: docker run -p 3000:3000 jglchen/react-md-editor

React Native Expo Publish

React Native GitHub

back To Series Home