forem.dev Community

loading...

WYSIWYG editor

sidchaudhary04 profile image Siddharth Chaudhary ・1 min read

As more non-developer forems open up, it would be nice to have a medium style editor.

Here is one I found

Dante

And the github repo

GitHub logo michelson / Dante

Just another Medium wysiwyg editor clone

#Dante Editor

Hey!, Did you know there is a new version of Dante?, check it out at https://github.com/michelson/dante2

![Gitter](https://badges.gitter.im/Join Chat.svg)

(This library is free and will stay free, but needs your support to sustain its development. There are lots of desirable new features and maintenance to do. If you work for a company using Dante or have the means to do so, please consider financial support)

PayPal

####Just another Medium editor clone.

##Motivation:

So far we have tried all the Medium.com wysiwyg clones out there, those are really great, and each have their pros and cons. But none of them has all the features that the real medium editor provides. So we wondered, How complicated could be write our own version of Medium's wysiwyg?

Demo:

http://michelson.github.io/Dante/

Until now We´ve implemented the following features:

Features:

  • HTML sanitizer for pasted or loaded text.
  • Image upload for paste events.
  • Image upload for legacy images…

I wonder what your take is on this 🤔?

Discussion (4)

pic
Editor guide
Collapse
lisasy profile image
Lisa Sy

Hey this is Lisa, lead product designer here at @forem .

This is DEFINITELY in our roadmap for this year! But I want to share with you the complexities within this because this is where we have many product & technical questions we'd need to flesh out.

  • How does this more non-dev friendly editor interact with our existing editor and that infrastructure?
  • Do we take on the more "Medium" approach (preview what you write) or more the GitHub approach (explicit write / edit mode with markdown syntax embedded within write mode)?
  • Of these approaches, which could work most optimically on small-screens/mobile phones?
  • How does a user change their settings here?

For all these reasons, this is a larger scope project to untangle the complexities here. When we approach product development here around Q3 2021, we will make an effort to share both product approaches (via interactive demos) to get feedback and validate its utility. Hope this is helpful context.

Cheers 🌱

Collapse
ildi profile image
Ildi

I wanted to comment just to say that this will be a very useful feature. I will be launching a Forem for hip-hop fans very soon and I anticipate many questions from users about how to format posts, especially on mobile.

Collapse
lee profile image
Lee

I think this is defo in the pipeline. I created a GitHub feature request a while ago for it that might be an RFC. It will come along and will be super duper when it does 😎

Collapse
link2twenty profile image
Andrew Bone

I think this is the logical next step for the editor, I quite like the look of slate.