DEV Community

loading...

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

patarapolw profile image Pacharapol Withayasakpunt ・1 min read

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 https://cors-anywhere.herokuapp.com)
  • 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.

https://marketplace.visualstudio.com/items?itemName=jebbs.markdown-extended

Discussion

pic
Editor guide
Collapse
stereoplegic profile image
Mike Bybee

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.

Collapse
mzaini30 profile image
Zen

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 github.com/sveltejs/template.

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 0.0.0.0.

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…