DEV Community

Pacharapol Withayasakpunt
Pacharapol Withayasakpunt

Posted on

What markdown editor do you use? Does it have more-than-markdown features?

Some while ago, I discussed about self-made custom CMS, which is in an essence, markdown editor; and also real-time feeder.

Recently, I updated my another repo as well.

GitHub logo patarapolw / make-html

Make HTML from Markdown or Hyperpug

It does have some features beyond markdown compiler (on web browsers' side), including

  • Metadata scraping (which needs CORS bypass, which is usually a backend, including
  • Image storage (which needs a backend, also popularly connected to S3 storage.)

I also want to say that webcomponents and shadow roots are godsend. Otherwise, isolated CSS environment would not be possible.

And, I also realized that VSCode can have extended markdown features, but I couldn't find a way to export them, in particular, Admonition.

Top comments (2)

stereoplegic profile image
Mike Bybee • Edited

A long time ago I was working on an app based on markdown-it and several nonstandard plugins including some of my own forks (like allowing both <s> and <del> tags, unlike the one I forked from that forced you to disable markdown-it's native strikethrough module). It had a three-way single or dual pane editor (markdown, HTML source, or HTML preview/WYSIWYG, converting to and from both editable formats), but for the life of me I can't find it (and apparently never committed it). My plan was to eventually incorporate it with pandoc for additional formats.

mzaini30 profile image

I only use marked for my blog.

My repo:

Looking for a shareable component template? Go here --> sveltejs/component-template

svelte app

This is a project template for Svelte apps. It lives at

To create a new project based on this template using degit:

npx degit sveltejs/template svelte-app
cd svelte-app

Note that you will need to have Node.js installed.

Get started

Install the dependencies...

cd svelte-app
npm install

...then start Rollup:

npm run dev

Navigate to localhost:5000. You should see your app running. Edit a component file in src, save it, and reload the page to see your changes.

By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the sirv commands in package.json to include the option --host

Building and running in production mode

To create an optimised version of the app:

npm run build

You can run the newly built app with…