Draft.js - Rich Text Editor Framework for React
27 comments · 92% upvoted · source · other discussions
comments
bluntm
[deleted]
Ooh, this'll be great for me as I'm building something that'll have a lot of descriptions and stuff. I'd need a good editor.
[deleted]
[deleted]
foureyeswithbeard
Doesn't render on iPhone either.
Edit: never mind, now it is loading. Weird.
turkish_gold
Not to take away from this project, but I investigated this about a month ago so I'd like to give some React-specific alternatives:
For what it's worth, I think the Facebook team has probably done a pretty good job here but their documentation is fairly confusing due in part to the fact that every example is of some tool internal to Facebook. It's almost as if this was released on the fly, and we're seeing internal documentation.
[deleted]
[deleted]
turkish_gold
Ah is that what they said in the conference? I never got to watch the livestream.
OriginalEXE
This is exactly what I need, but I don't use React :/
Can anyone recommend something similar but without such dependency (jQuery is ok since I use it anyway). Basically, I don't need the full editor like TinyMCE but only a few controls in form of an API so that I can build custom controls for it.
Thanks
Piercey4
Medium-Editor is my go to.https://github.com/yabwe/medium-editor
[deleted]
Trix Editor is quite good in my experience: https://trix-editor.org
OriginalEXE
Awesome, thanks, will check it out!
mixonic
I work on an editor called Mobiledoc-Kit that supports rich content blocks, has a programmatic API and non-DOM document model, is platform independent, based on a documented and versioned storage format, and is (from a quick review) a bit more mature than Draft. IMO there are still a good number of editing quirks they are working out.
Give it a whirl! https://github.com/bustlelabs/mobiledoc-kit We've been working on it for our client Bustle the last few months, and it is used by dozens of their writing staff a day as well as several other startups.
OriginalEXE
Wow, that actually looks really cool and powerful, will definitely check it out. Thanks!
winter_clothes
Check out ProseMirror
NewazaBill
Is there a reason you don't want to introduce React into your ecosystem?
Even if you use jQuery for everything else, for a fully-featured rich text editor I'm not sure you'll be be gaining much by using jQuery instead of React.
OriginalEXE
Well I'm not using React anywhere else so if I can avoid additional dependency in my codebase, I would prefer that. I am using Backbone on the frontend and I am satisfied with how my views are handled.
I will need to provide exactly 4 controls in my text editor: heading, bold, italic and hyperlink. Due to the simplicity, it would be amazing if I could find some API that lets me build controls but handles the text modifying.
lilactown
Maybe check out Quill.js? I have not used it, but seems to be similar to what you're looking for.
OriginalEXE
Great recommendation, thanks, will definitely take a look.
theonlylawislove
Are there any good markdown editors for React?
dwstevens
don't know what you mean by good, but there seems to be a few: http://jedwatson.github.io/react-md-editor/
Jdforrester
Interesting how they now handle IME events since last seen; it seems (?) that they swallow key presses that trigger composition-ends, which is not quite like "real" (native) editor experience but it seems to work well.
bluntm
The underline doesn't seem to work on chrome
SandalsMan
another js framework??? /s
This will become really popular due to the fact that Facebook released this and maybe that it has immutable in the description.
mixonic 2 points · Feb 2016
Yes. I've already seen it described as "more mature" than Mobiledoc and ProseMirror several times. This is obviously not true if you work with these tools for any amount of time. Mobiledoc is used by a handful of startups, ProseMirror by dozens at the least. Both have been open source and stand-alone for well over six months, and are not just a recent extraction from an some internal codebase.
The energy and ideas are neat, but IMO not completely new. Very happy to have FB iterating in the same space as these projects, but much progress has been made in 2015 and I hope they don't suck the air out of that balloon with buzzwords and brand recognition.
turkish_gold 1 points · May 2016
After two months, I have to say... mobiledoc-kit is actually in a usable state. The internal JSON representation is well documented and understandable, so you can write your own renders for your custom layouts. It's much easier to use overall.
ProseMirror on the otherhand has a lot of built in functionality.
DraftJS is easy to integrate into a React project and create React plugins for. However the core of any rich-text editor is exporting to HTML, and that's not really setup... at all (although there's some third party plugins for basic HTML). The basic feedback I've been getting is that you should just use draftJS internal format, and render in Javascript directly.