React Draft Wysiwyg

Out of the box, feature-rich content editing for React

get it




You need to become a Contributor to join the discussion - Find out how.
Jyoti PuriMaker@jyopur · Developer
Thanks Nik for hunting React Draft Wysiywg On the web content management continues to be a challenge. This year Facebook open-source DraftJS and I found that its an awesome library to build content on web ages in bug free and reliable way. When iPaoo approached me for building a CMS editor for them it was my opportunity to build something nice for CMS. I love building great stuff, its so rewarding in itself. iPaoo allowed me a open-source a modified version of the Editor I built for them and there you go. React Draft Wysiwyg is built on top of ReactJS and DraftJS. It provides awesome content editing capabilities like supporting embedded links like youtube videos, code-pen, providing support for uploading displaying images, providing mentions support, emojis, text styling like color, font-size, block type, etc. It generates output in very reliable way in JSON format which can be saved and re-hydrated to the editor. Also, I have made along with the editor libraries to convert this JSON format to HTML and Markdown. The toolbar for the editor is highly configurable, thus you can control which editing options your users get.
Kitze@thekitze · Founder of React Academy
@jyopur Good job! 🙌
Jyoti PuriMaker@jyopur · Developer
@thekitze Thanks Kitze :)
Gabriel Lewis@gabriel__lewis · 🤔
@jyopur where were you two weeks ago when I was working on a Medium clone in react 😒
Jyoti PuriMaker@jyopur · Developer
@gabriel__lewis :) can I help you now
Hadi Farnoud@hadifarnoud
@jyopur does it properly support RTL like TinyMCE and others?
Jyoti PuriMaker@jyopur · Developer
Link above is broken, plz check: Till it gets fixed.
Jyoti PuriMaker@jyopur · Developer
Its fixed now.
Angelo Francisco@angelofrancisco · Mobile Developer, Booky
Link leads to "Page Not Found"
Jyoti PuriMaker@jyopur · Developer
@angelofrancisco Ops wrong link posted there, plz check:
Jyoti PuriMaker@jyopur · Developer
@angelofrancisco Nik is fixing it.
Hadi Farnoud@hadifarnoud
is there any way to use this without React? if not, is there any other solutions out there?