DEV Community

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

Read full post

GrahamTheDev • Nov 29 '21 • 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!

7 new features, 51.3 new bugs added 😋, the DEV.TO 👩‍💻👨‍💻 editor [PART DEUX!]

InHuOfficial ・ Apr 7 ・ 8 min read

#javascript #showdev #webdev #productivity

If you can get those features in I can stop using my hacky workaround finally! 🎉

What a welcomed addition! Great work! ❤🦄

Ella (she/her/elle) • Nov 29 '21

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

GrahamTheDev • Nov 29 '21 • 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? 🤣

Feature update: Markdown toolbar - I give it ⭐⭐⭐ but it is a good start!

InHuOfficial ・ Nov 29 ・ 7 min read

#ux #discuss #webdev #a11y

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! ❤❤

Siddharth • Nov 29 '21

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!