4 ms·

We're using Slate to for a mid-sized react application where content editing is the core. I don't want to link/plug a product video showing you how it works but

We're using Slate to for a mid-sized react application where content editing is the core. I don't want to link/plug a product video showing you how it works but imagine dropbox paper, medium editor, CKeditor 5, ... The implementation includes mentions, pretty complex gallery/inline image functionality, galleries with size/output controls, embeds (iframely) and other inline elements. First we had TinyMCE, Redactor, DraftJS and then switched to Slate. I would not say it's smooth sailing from here, we're mostly struggling with pasting from word, tables, mobile support and overall performance with the number of plugins, but working on it.

hailk 8y ago
Pasting from word and mobile support are two things I struggled with on draft. How much easier or difficult it is with slate in your experience?
sbr464 8y ago
What was the main reason for switching from draftjs to slate? Just curious since we’ve been working on various tools in the space (not directly related to either). Was it an api design issue or more a plugin/ecosystem issue?
- digitalbase 8y ago
  We just had too many problems to modify it + it seemed facebook had completely abandoned the project.
- iand675 8y ago
  Can't speak for OP, but draftjs didn't work well on mobile at all for a major project I tried to use it in. Had to migrate off of it.
- thehazard 8y ago
  Moving from updating state via state diffs (Draft) to discrete operations (Slate) is a huge architectural advantage, among other things.
cloverich 8y ago
I wish you would post a product link. For me personally, I really enjoy when some library or what have you front pages, and people post a mix of comments and products showing off its usage or an alternative to it.
- timdorr 8y ago
  Based on their comment history, it's Prezly: https://www.prezly.com/ https://www.prezly.com/
  - digitalbase 8y ago
    Here are 2 wistia video's on images in slate specifically. The one on the bottom includes images + galleries https://www.prezly.com/news/the-different-ways-to-use-images-in-your-prezly-stories https://www.prezly.com/news/the-different-ways-to-use-images...
audiolion 8y ago
interesting, I am using TinyMCE and paying them for the PowerPaste plugin, figure a team that manages pastes from Word will do a better job than I could, and $1850/year.. I couldn't easily make that feature and maintain it for that money. I am surprised there is no open source tool for cleaning up pastes from word and giving you HTML.
k7d 8y ago
Similar story here - started with DraftJS but it was kind of cumbersome. Slate in comparison is much more flexible and we've been using it in production for almost a year now. In fact we just launched a sticky notes project management tool which features a smooth rich text editing based on slate https://whimsical.co/sticky-notes/ https://whimsical.co/sticky-notes/
- HaHa31 8y ago
  So, I have to ask why whimsical.co's navigation is so counter-intuitive? Why do arrow keys move the screen the opposite direction, and why is there no drag and drop? I am not trying to be aggressive, I just want to understand the design decision?

hailk 8y ago

Pasting from word and mobile support are two things I struggled with on draft. How much easier or difficult it is with slate in your experience?

sbr464 8y ago

What was the main reason for switching from draftjs to slate? Just curious since we’ve been working on various tools in the space (not directly related to either). Was it an api design issue or more a plugin/ecosystem issue?

digitalbase 8y ago
We just had too many problems to modify it + it seemed facebook had completely abandoned the project.
iand675 8y ago
Can't speak for OP, but draftjs didn't work well on mobile at all for a major project I tried to use it in. Had to migrate off of it.
thehazard 8y ago
Moving from updating state via state diffs (Draft) to discrete operations (Slate) is a huge architectural advantage, among other things.

cloverich 8y ago

I wish you would post a product link. For me personally, I really enjoy when some library or what have you front pages, and people post a mix of comments and products showing off its usage or an alternative to it.

timdorr 8y ago
Based on their comment history, it's Prezly: https://www.prezly.com/ https://www.prezly.com/
- digitalbase 8y ago
  Here are 2 wistia video's on images in slate specifically. The one on the bottom includes images + galleries https://www.prezly.com/news/the-different-ways-to-use-images-in-your-prezly-stories https://www.prezly.com/news/the-different-ways-to-use-images...

audiolion 8y ago

interesting, I am using TinyMCE and paying them for the PowerPaste plugin, figure a team that manages pastes from Word will do a better job than I could, and $1850/year.. I couldn't easily make that feature and maintain it for that money. I am surprised there is no open source tool for cleaning up pastes from word and giving you HTML.

k7d 8y ago

Similar story here - started with DraftJS but it was kind of cumbersome. Slate in comparison is much more flexible and we've been using it in production for almost a year now. In fact we just launched a sticky notes project management tool which features a smooth rich text editing based on slate https://whimsical.co/sticky-notes/ https://whimsical.co/sticky-notes/

HaHa31 8y ago
So, I have to ask why whimsical.co's navigation is so counter-intuitive? Why do arrow keys move the screen the opposite direction, and why is there no drag and drop? I am not trying to be aggressive, I just want to understand the design decision?