Web based, client side markdown editor with live previews

Overview

markdown.doctor (md) editor

Web based, client side markdown editor with live previews

I was looking for a nice markdown editor, and I couldn't find one that did all the things I wanted. I figured this was something I could whip together in a quick hackathon-style sitting. markdown.doctor is the result.

Installation

  1. Visit markdown.doctor

or

  1. Download from git
git clone https://github.com/realrasengan/markdown.doctor
  1. Install in your webroot folder or in a local folder.

  2. Open index.html

Features

  • Press ^1 to see a live preview
  • Press ^2 to invert colors (light/dark mode)
  • Press ^3 to download the .md file
  • Press ^4 to start over
  • Every keypress triggers a localStorage save, so your work should be there when you return. [1]

[1] localStorage isn't always persistent. Make sure you save (^3) your work often!

TODO

  • Fix cursor in live preview mode

License and Copyright

Copyright (c) 2022 Andrew Lee [email protected]

All Rights Reserved.

MIT LICENSED

You might also like...

A markdown editor. http://lab.lepture.com/editor/

Editor A markdown editor you really want. Sponsors Editor is sponsored by Typlog. Overview Editor is not a WYSIWYG editor, it is a plain text markdown

Dec 19, 2022

Render URL links for Web & Twitter previews

Render URL links for Web & Twitter previews

expo-link-preview Render URL links for Web & Twitter previews Built with react-native using expo. Installation # yarn yarn add expo-link-preview # np

Dec 30, 2022

p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs β€”

p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs β€”

p5.js Welcome! πŸ‘‹ πŸ‘‹πŸΏπŸ‘‹πŸ½πŸ‘‹πŸ»πŸ‘‹πŸΎπŸ‘‹πŸΌ p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for a

Jan 1, 2023

Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.

Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.

Dropzone is a JavaScript library that turns any HTML element into a dropzone. This means that a user can drag and drop a file onto it, and Dropzone wi

Dec 30, 2022

Multiple file upload plugin with image previews, drag and drop, progress bars. S3 and Azure support, image scaling, form support, chunking, resume, pause, and tons of other features.

Multiple file upload plugin with image previews, drag and drop, progress bars. S3 and Azure support, image scaling, form support, chunking, resume, pause, and tons of other features.

Fine Uploader is no longer maintained and the project has been effectively shut down. For more info, see https://github.com/FineUploader/fine-uploader

Jan 2, 2023

Lets you add a character to Hacker News links to add social media and OpenGraph previews for sharing on things like Slack or Twitter.

Lets you add a character to Hacker News links to add social media and OpenGraph previews for sharing on things like Slack or Twitter.

news.ycombinator1.com Lets you add a character to Hacker News links to add social media and OpenGraph previews for sharing on things like Slack or Dis

Sep 18, 2022

The source code for the Discord Previews website.

discordpreviews.com The source code for the Discord Previews website. Setup Development Setup Install dependencies via npm install Use Docker Compose

Oct 26, 2022

Random Fractals stash of Observable Data Tools πŸ› οΈ and Notebooks πŸ“š in ES Modules .js, .nb.json, .ojs, .omd, .html and .qmd document formats for Data Previews

Random Fractals stash of Observable Data Tools πŸ› οΈ and Notebooks πŸ“š in ES Modules .js, .nb.json, .ojs, .omd, .html and .qmd document formats for Data Previews

Random Fractals stash of Observable Data Tools πŸ› οΈ and Notebooks πŸ“š in ES Modules .js, .nb.json, .ojs, .omd, .html and .qmd document formats for Data Previews in a browser and in VSCode IDE with Observable JS extension, Quarto extension, and new Quarto publishing tools.

Nov 25, 2022

Cross-browser plugin to remove addictive features on YouTube like thumbnails, comments, previews and more...

Cross-browser plugin to remove addictive features on YouTube like thumbnails, comments, previews and more...

ZenTube Installation Features Remove some (more) elements from Youtube to make it less addictive. Mix and match between the following options: Hide or

Dec 17, 2022

Website to display chats and gifts in realtime from your TikTok LIVE stream. Demo project for TikTok-Live-Connector library.

Website to display chats and gifts in realtime from your TikTok LIVE stream. Demo project for TikTok-Live-Connector library.

TikTok-Chat-Reader A chat reader for TikTok LIVE utilizing TikTok-Live-Connector and Socket.IO to forward the data to the client. This demo project us

Dec 31, 2022

Node.js library to receive live stream chat events like comments and gifts in realtime from TikTok LIVE.

TikTok-Live-Connector A Node.js library to receive live stream events such as comments and gifts in realtime from TikTok LIVE by connecting to TikTok'

Jan 4, 2023

Make drag-and-drop easier using DropPoint. Drag content without having to open side-by-side windows

Make drag-and-drop easier using DropPoint. Drag content without having to open side-by-side windows

Make drag-and-drop easier using DropPoint! DropPoint helps you drag content without having to open side-by-side windows Works on Windows, Linux and Ma

Dec 29, 2022

This is an application that entered the market with a mobile application in real life. We wrote the backend side with node.js and the mobile side with flutter.

HAUSE TAXI API Get Started Must be installed on your computer Git Node Firebase Database Config You should read this easy documentation Firebase-Fires

Nov 4, 2021

This plugin allows side-by-side notetaking with videos. Annotate your notes with timestamps to directly control the video and remember where each note comes from.

Obsidian Timestamp Notes Use Case Hello Obsidian users! Like all of you, I love using Obsidian for taking notes. My usual workflow is a video in my br

Jan 2, 2023

This Plugin is For Logseq. If you're using wide monitors, you can place journals, linked references, and journal queries side by side.

This Plugin is For Logseq. If you're using wide monitors, you can place journals, linked references, and journal queries side by side.

Logseq Column-Layout Plugin Journals, linked references, and journal queries can be placed side by side if the minimum screen width is "1850px" or mor

Dec 14, 2022

enjoy live editing (+markdown)

enjoy live editing (+markdown)

Pen Editor LIVE DEMO: http://sofish.github.io/pen Markdown is supported Build status: 0. source code You can clone the source code from github, or usi

Dec 24, 2022

A chrome extension which helps change ace editor to monaco editor in web pages, supporting all features including autocompletes.

Monaco-It Monaco-It is a chrome extension turning Ace Editor into Monaco Editor, supporting all features including autocompletes. δΈ€δΊ›δΈ­ζ–‡θ―΄ζ˜Ž Supported Lan

May 17, 2022

A plugin for the Obsidian markdown note application, adding functionality to render markdown documents with multiple columns of text.

A plugin for the Obsidian markdown note application, adding functionality to render markdown documents with multiple columns of text.

Multi-Column Markdown Take your boring markdown document and add some columns to it! With Multi Column Markdown rather than limiting your document lay

Jan 2, 2023

A markdown-it plugin that process images through the eleventy-img plugin. Can be used in any projects that uses markdown-it.

markdown-it-eleventy-img A markdown-it plugin that process images through the eleventy-img plugin. Can be used in any projects that use markdown-it. F

Dec 20, 2022
Owner
rasengan
Handshake Fan.
rasengan
WebNote is a simple, plain-text note-taking app for the web with Markdown support.

WebNote is a simple, plain-text note-taking app for the web with Markdown support. What you see is what you paste. No WYSIWIG, no formatting pasted from the web, and no features you don't need or want.

Ivan Kuznietsov 3 Feb 7, 2022
Take your boring markdown document and add some columns to it

Take your boring markdown document and add some columns to it! With Multi Column Markdown rather than limiting your document layout to a single linear file you can now define blocks of data to be layed out horizontally next to each other. This additional functionality gives you the freedom to structure your notes in more creative ways.

Cameron Robinson 91 Jan 2, 2023
Vite plugin to convert markdown to html with front-matter extraction and build-time syntax highlighting

Vite plugin to convert markdown to html with front-matter extraction and build-time syntax highlighting

Saurabh Daware 9 Sep 18, 2022
Convert a well formed GitHub Issue Form populated Markdown body into a JSON data file in the repository

Convert a well formed GitHub Issue Form populated Markdown body into a JSON data file in the repository

Zach Leatherman 16 Sep 28, 2022
A collection of plug-ins that extend the Markdown-it parser

markdown-it-plugins A collection of plug-ins that extend the Markdown-it parser. Install npm i markdown-it-plugins -D Usage import MarkdownIt from 'ma

Chestnut 8 Mar 22, 2022
A refined tool for exploring open-source projects on GitHub with a file tree, rich Markdown and image previews, multi-pane multi-tab layouts and first-class support for Ink syntax highlighting.

Ink codebase browser, "Kin" ?? The Ink codebase browser is a tool to explore open-source code on GitHub, especially my side projects written in the In

Linus Lee 20 Oct 30, 2022
Markdown Plus is a markdown editor with extra features

Markdown Plus Markdown Plus ("M+" or "mdp" for short) is a markdown editor with extra features. Online demo: mdp.tylingsoft.com Apps We currently don'

null 2.1k Dec 29, 2022
Fast and minimal JS server-side writer and client-side manager.

unihead Fast and minimal JS <head> server-side writer and client-side manager. Nearly every SSR framework out there relies on server-side components t

Jonas Galvez 24 Sep 4, 2022
Easy server-side and client-side validation for FormData, URLSearchParams and JSON data in your Fresh app πŸ‹

Fresh Validation ??     Easily validate FormData, URLSearchParams and JSON data in your Fresh app server-side or client-side! Validation Fresh Validat

Steven Yung 20 Dec 23, 2022