DEV Community

Cover image for Feature update: Markdown Toolbar

Feature update: Markdown Toolbar

Amy Lin on November 29, 2021

(Psst - we also just brought it to the comment section! Read more here) Hello, DEV community! Today, I have a quick (but exciting!) update for th...
Collapse
 
grahamthedev profile image
GrahamTheDev • Edited

This is great!

I would love to see the next iteration include stuff like the liquid tags (although you said you were changing that) and tables from my editor for DEV (but made better) if this is now under active development!

If you can get those features in I can stop using my hacky workaround finally! πŸŽ‰

What a welcomed addition! Great work! β€πŸ¦„

Collapse
 
ellativity profile image
Ella (she/her/elle)

I just caught myself making a mock-disbelieving comment about your response @inhuofficial πŸ˜… Happy to see this has your seal of approval!

Collapse
 
grahamthedev profile image
GrahamTheDev • Edited

Oh don't worry, the arrogant super critical asshole in me has just released an article on the editor...you didn't think I could be nice for long did you? 🀣

I hope it is useful for the DEV team as you probably all know by now that the straight talking and criticism comes from a place of love (I hope 😨) and it is just my way of submitting issues and offering up my hacky editor as something for you to reference on how to perhaps fix some usability issues (if I may be so bold!) lol!

As always, thank you for all the hard work you all put in! ❀❀

Collapse
 
siddharthshyniben profile image
Siddharth

Awesome!

This toolbar is cool, the next step would be to make it a fully featured WYSIWYG!

I was about to write a super long comment on all the missing stuff, but guess what, @inhuofficial beat me to it and wrote a whole article on it! It has all the stuff I want to mention.

Some issues I found:

  • The editor guide opens in the same page, so you may lose unsaved content (target="docs")
  • cmd b for bold opens up bookmarks on Firefox (this can be solved by preventDefault I think)
  • cmd i for italic opens up page info on Firefox

Feature requests:

  • Selecting text and pressing "/'/*/_/< etc. should wrap the text in the right character
  • Support adding more elements (mark, center, abbr, etc.)

Anyways great job, this will be pretty useful for people unfamilliar with markdown but for this to be useful to markdown pros you will need a few more features!

Collapse
 
unclebigbay profile image
Unclebigbay

The new feature is really amazing, I just shared my first post using the markdown toolbar feature: data visualization with chartjs

The editor is really cool!!!

Collapse
 
andrewbaisden profile image
Andrew Baisden

This is so amazing and thanks for the mention!

Collapse
 
andypiper profile image
Andy Piper

This is cool. Is it possible to add keyboard shortcuts? I would love Ctrl/Cmd-K for adding links to my Markdown posts.

Collapse
 
amyatforem profile image
Amy Lin • Edited

My bad! I should have mentioned that some keyboard shortcuts are also supported.

Have fun exploring!

Collapse
 
cerchie profile image
Lucia Cerchie

Nice work! Will use it in my next post.

Collapse
 
andypiper profile image
Andy Piper

this will teach me to explore first, before typing a comment - thank you! :-D

Collapse
 
sachinchaurasiya profile image
Sachin Chaurasiya

This looks really great.
I have one question that is this markdown editor is open-source?