News for hackers. Stuff that matters.

A comment on Editor.js – Block Styled Editor.

Re:Editor.js – Block Styled Editor by AlexMuir on Tuesday April 02, 2019 @02:41PM (#19557268)
Two long established predecessors to this: Sir Trevor JS[0] and Colonel Kurtz [1].

I've used Kurtz extensively and it's been brilliant. The only downside of all these block-based editors is that you can't easily create layouts where images float to the left or right of text. Well, you can create them but you don't get a WYSIWYG idea of what it looks like right in the editor. I can live with that!

I've explored all sorts of editors and Colonel Kurtz is the one that's worked best: Trix, Draft, TinyMCE, CKEditor, ContentEditable, ProseMirror - just off the top of my head.

[0] https://madebymany.github.io/sir-trevor-js/

[1] https://github.com/vigetlabs/colonel-kurtz

[ Parent | on HN ]
Re:Editor.js – Block Styled Editor by n8hunzaker on Tuesday April 02, 2019 @03:40PM (#19557838)
Maintainer of Colonel Kurtz here! It's super awesome to see positive feedback. Thank you!

CK is our workhorse for tons of sites, and we've struggled to come up with a good general pattern for editing horizontal layouts. We'd happily take suggestions, however. I'll admit it's one of the more awkward things with the editor.

[ Parent | on HN ]
Re:Editor.js – Block Styled Editor by spiralx on Wednesday April 03, 2019 @09:22PM (#19568593)
I'm not familiar with your editor or block-based editors in general, but it looks like a basic version of a visual editor I used in WordPress a while back. Is there some reason you can't do it similarly to how that did it, by allowing a row to be split into columns, each of which can have a content element within it and can have it's width adjusted manually or set to fit to its content?

If you used flex instead of floats it seems like you could have most of the functionality without the edge cases of floated elements.

[ Parent | on HN ]
Re:Editor.js – Block Styled Editor by raffijacobs on Tuesday April 02, 2019 @05:12PM (#19558635)
Thanks for the sirtrevorjs link.

Looking at the structure I was thinking how similar it is.

[ Parent | on HN ]