DEV Community

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

Discussion (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!