People interested in block styled editors and new takes on editors should look at hax-the-web, a big effort using web components primarily designed for educational materials at PSU, but usable for so much more. It's quite amazing the flexibility that is possible - here's one recent video, there are many many more on his channel https://t.co/eXM6yBQA7h
Editor.js – Block Styled Editor
51–60 of 75 posts
Re: Editor.js – Block Styled Editor
#52We were draftjs, but it got very slow on larger texts. We're replacing with slate but it lacks some very needed textnode manipulation. Glancing at the editor and api, wow. Can't wait to have something simple (content editable) but with strong api backbone. Congrats!!!
Did you try CKEditor 5? It's a modern rich-text editing framework with a rich API. However, it also comes with a lot of polished and ready-to-use features. You can read more on: https://ckeditor.com/ckeditor-5/ .
Since you mentioned CKEditor 5, I'll be bold enough to go a bit into off-topic.
CKEditor 5 is an incredibly impressive endeavour, and I've been following it with great interest. However, one of the things that separates it from the competition is the GPL license, which makes it impossible to use the editor in a permissively-licensed (Apache2/MIT) open source project. Your founder has indicated a readiness[1] to grant a custom license to such projects.
So, I'm wondering whether that is still the policy, and how that's been working out in practice. Have any projects taken you up on the offer? Have there been any unforeseen problems? What are the legal limitations imposed (on distributors/forks of the project, for example)?
[1]https://github.com/ckeditor/ckeditor5/issues/991#issuecommen...
Re: Editor.js – Block Styled Editor
#53Every time I see a new contenteditable-based editor I'm reminded of this https://medium.com/content-uneditable/contenteditable-the-go...
Hi! The author of this article here :) I hoped you liked it (cause your message can read both ways :D) You reminded me that I was planning to refresh it a bit since it's over 3 years old now. I'd like to cover the rise of modern rich-text editors like CKEditor 5, ProseMirror, Draft.js and perhaps dive a bit into what we've learned when developing CKEditor 5 (because after 4 years of work it's actually out by now [1])…
I loved the article! I used to have to maintain some custom ckeditor plugins related to custom elements, spell checking and autocompletion at a job and that article resonated deeply with me on a personal level. I would love to read another article about the new editors :)
Re: Editor.js – Block Styled Editor
#54Couple of questions,
- Are there any plugins to transform the saved output into HTML or other content (markdown)? Or does the user have to implement these?
- Whats the difference between this and the CodeX editor referenced in many places?
Edit: PS: The docs link to https://editorjs.io/usage but that url seems to be broken.
Re: Editor.js – Block Styled Editor
#55I seem to be deep in this type of problem on a project. I see they opted to use multiple content editable sections. This means that using the up arrow keys, when going between the sections the cursor jumps to the start of the block, then the last line of the preceding block. It's an interesting trade of than to use one large contenteditable section.
Re: Editor.js – Block Styled Editor
#56Here's my take on this from playing with it a bit: - Works on mobile (like Quill, Prosemirror) - Does not support collaborative editing (unlike Quill, Prosemirror) - Has somewhat unique block-based editing UI - think Notion (the data models of most editors support this, but the default UI of editorjs is much more explicit about this) - Not built on React (like Quill, Prosemirror, but unlike Slate and Draft) The mobil…
Great summary! I've researched WYSIWYG editors recently and second this.
Re: Editor.js – Block Styled Editor
#57Hey! I maintain the Mailspring email client and I've thoroughly battle-tested SlateJS and DraftJS. I'd absolutely love if we could move to something with broader contenteditable support in the future (it's more or less impossible to allow people to paste AND EDIT arbitrary HTML in the former two.) A few questions if the author of the post is around!
- Does EditorJS support nested blocks? Eg: can I make a list node that contains a list? Can I make a list that contains a blockquote? (DraftJS is a /linear/ set of block elements, making it very difficult to model complex documents - Slate's document model is a tree which is why pretty much why I chose it over DraftJS.)
- Does EditorJS have test coverage? What's the overall testing story look like? I'm not a big TDD person, but we've had a few stability issues with Slate (granted a slightly out of date version) that cause the document state to become invalid after certain edits and then subsequent interactions throw errors. (It's absolutely terrifying to have your text editor crash!)
Re: Editor.js – Block Styled Editor
#58Here's my take on this from playing with it a bit: - Works on mobile (like Quill, Prosemirror) - Does not support collaborative editing (unlike Quill, Prosemirror) - Has somewhat unique block-based editing UI - think Notion (the data models of most editors support this, but the default UI of editorjs is much more explicit about this) - Not built on React (like Quill, Prosemirror, but unlike Slate and Draft) The mobil…
The performance on mobile doesn't look great for me (significant delay between key stroke and rendering, on iPhone X), also this particular page could be more responsive and mobile friendly.
Otherwise I love the idea of block-based editor and clean output.
Re: Editor.js – Block Styled Editor
#59Here's my take on this from playing with it a bit: - Works on mobile (like Quill, Prosemirror) - Does not support collaborative editing (unlike Quill, Prosemirror) - Has somewhat unique block-based editing UI - think Notion (the data models of most editors support this, but the default UI of editorjs is much more explicit about this) - Not built on React (like Quill, Prosemirror, but unlike Slate and Draft) The mobil…
The performance on mobile doesn't look great for me (significant delay between key stroke and rendering, on iPhone X), also this particular page could be more responsive and mobile friendly. Otherwise I love the idea of block-based editor and clean output.
Yea, it was even causing my keyboard to lag. Keystroke queued up, but the key press state (enlarged visible letter above your finger) was really delayed.
Re: Editor.js – Block Styled Editor
#60Earlier quoted context omitted.
Or slatejs. As I understand both have (or used to have) some serious problems with Android mobile. I don't see an explicit claim of Android/mobile support here either, which to me would be the killer feature.
Why is Android a concern ? Aren't articles written and their layout tuned on a desktop/laptop anyway, at least for anything taking much longer than writing a tweet ?
Articles yes. Blog posts not so much.