DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 964,423 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
negue
negue

Posted on

Looking for an in-place markdown editor with highlight

I've probably wasted many months searching and still haven't found any working (on mobile) markdown editor / web-component.

I tried:

  • codemirror 5 (space-bar somehow closes keyboard on android?!)
  • codeflask (weird spacing between normal and highlighted text)
  • monaco (sadly doesn't work on mobile)
  • probably some more but mostly trying to fix those 3

What I'm looking for is simple inline input / web-component, which can highlight markdown-syntax that works on mobile.

So **bold** would be highlighted (and maybe also bolded, but still have the asterisks visible).

I hope somebody here has found / is using some component like this

Top comments (5)

Collapse
 
rncrtr profile image
Ryan Carter

I would try the markdown editor or remarkable if you haven't. It seems to be close to what you want and seems to work on mobile. That is the best I know of.

Collapse
 
negue profile image
negue Author

Looking at this markdown editor I saw that it has those requirements

  • MODX Revolution 2.3+
  • PHP 5.4+

I don't have or will use PHP for that πŸ˜…, but that editor uses inside these, which I'll also take a look, thanks!:

  • Ace Editor
  • Remarkable << was this the one you mentioned? (that linked also the the markdown editor) , anyway this is a Markdown to HTML Renderer

While looking at Remarkable I saw Breakdance (a HTML to Markdown converter) , maybe I'll just use this on an element with contenteditable and then get the markdown back .... so many ways to an awesome markdown-editor-component πŸ˜„

Collapse
 
rncrtr profile image
Ryan Carter

This should be a thing that would be fairly simple to write in JavaScript I would think, if I understand your use.

Thread Thread
 
negue profile image
negue Author

Yes!! :) That was kinda my goal having a simple editor that has markdown highlights or just an editable element. (which then returns markdown)

I tried a different HTML-to-Markdown Converter in the last months but I'll try a 2nd approach using Breakdance so fingers crossed

Thread Thread
 
rncrtr profile image
Ryan Carter

Good luck!

In defense of the modern web

I expect I'll annoy everyone with this post: the anti-JavaScript crusaders, justly aghast at how much of the stuff we slather onto modern websites; the people arguing the web is a broken platform for interactive applications anyway and we should start over;

React users; the old guard with their artisanal JS and hand authored HTML; and Tom MacWright, someone I've admired from afar since I first became aware of his work on Mapbox many years ago. But I guess that's the price of having opinions.