Solid Hacks
Search…
Creating a Realtime Markdown Editor

Introduction

This hack again builds on the previous hack.
This time we will create a realtime markdown editor. This page is more complex and contains several files. However there is a trick that will enable us to use the same one page pattern as before. And that is to use the <base> tag.

The Hack

Browse to your solid pod. Within your public create a webpage called markdown.html with the databrowser.
Cut and paste the following file to your page.
However we are going to add one additional line to mimic the base. Beneath the HTML tag add.
And we're done. Congratulations, you have now made a useful app. A realtime markdown editor!

Demo

Exercises

As a step further try and create some of the markdown editors below. See what issues come up. Or try some other static apps.

See Also

Realtime Markdown editors

Create a web page with Markdown

Last modified 3yr ago