[HN Gopher] Show HN: Edtr.io - Intuitive web editor, open source... ___________________________________________________________________ Show HN: Edtr.io - Intuitive web editor, open source and fully adaptable Author : SplishCrew Score : 84 points Date : 2020-02-29 17:11 UTC (5 hours ago) (HTM) web link (edtr.io) (TXT) w3m dump (edtr.io) | monikgandhi wrote: | Is it possible to embed the editor on a web page? | inyono wrote: | Yes, it's Backend-agnostic and designed to be embeddable into | any web app. It's basically an editor framework to define your | own editor and you write the glue code to your web app. | fourstar wrote: | TBH my suggestion is to work on making this more clear of who | it's for. Maybe add a comparison to other current solutions | out there, since at first I was a bit confused what it's | trying to do. Maybe use like intro.js or something for it. | leshokunin wrote: | This is really nice. One note: the landing page doesn't mention | the MIT license or commercial use. I had to go to the repo to | figure it out. | | Would love to look into integrating this editor in our email | client. Is there an easy way for us to chat? | inyono wrote: | Yes, landing page only mentions Open Source, maybe we should | clarify that. | | You can reach us at edtr-io@splish.dev | leshokunin wrote: | Are you on discord or matrix by any chance? | inyono wrote: | Nope, sorry. If you send us an email, we can work something | out :) | tdhttt wrote: | ~~Why does one have to send an email just to ask about | license?~~ | | Edit: As people had pointed out, that they were asking | for chat to integrate it into the email client. Sorry for | the confusion. | inyono wrote: | As specified in their comment and in our GitHub | repository, the code is licensed under MIT. | hombre_fatal wrote: | They were sharing their email address because upstream | commenter asks "is there a way we can chat?" | indigodaddy wrote: | So can I put this on my site to kind of make a cms for my site to | add pages or blogs/blog posts etc? | inyono wrote: | Kinda. You can integrate it into your existing CMS to make the | editing (for your end users) easier, especially for "enriched" | content (think interactive content, complex layout) | jsf01 wrote: | So this is built on Slate--what does it bring to the table that | you can't do with Slate out of the box? | inyono wrote: | Core contributor of Edtr.io here: | | Slate works well for editing text. Anything with a more | complicated layout / UX gets really messy though, since with | Slate, you always have to deal with the DOM / Slate's wrapper | around contenteditable. And at least before Slate 0.50+, we (& | the developers of Schul-Cloud independently of us) ran always | in bugs, etc. This is why Edtr.io (similarly to ReactPages, fka | ORY Editor) builds it own state management & layouting outside | of Slate. And let Slate do what they do best, editing rich- | text. | fourstar wrote: | Here's the problem relying on slate (I've used it and all the | others [quill, ckeditor, etc etc]) -- you are also relying on | Ian Storm Taylor and he's known for going on a streak and re- | writing things in a breaking manner. IMO you should just | build the entire thing yourself. | inyono wrote: | That's one of the reasons we only rely on Slate for our | text plugin. So we could swap Slate for some different | rich-text editor in the future if we need to. Though I have | to say, we are very happy with Slate. | fourstar wrote: | Nice. I honestly have been looking for something like | this for awhile. All the examples I found with slate were | either insufficient or outdated (i.e. canner editor) -- | and in a focus on speed (being a solo founder), I | couldn't compromise. I'm going to try to implement this | for my editor on my site. Would be cool to be able to | publish content with custom components (closest I could | find for CKEditor [which I'm using] is: https://ckeditor. | com/docs/ckeditor5/latest/framework/guides/...) -- but | the implementation for that is rather clunky (more so on | the render side -- e.g. how do I save the data in my | database such that I know which components to call? CSS | classes? data attributes?) So the underlying structure of | having JSON for the data structure with Slate (and now | this) gives me more confidence as a dev. | inyono wrote: | Would love to hear from you on how it goes :) | andybak wrote: | Layouts seem broken. Dialogs that are mostly empty space and | icons that overlap borders. | tobr wrote: | Not sure how it's pronounced, `ed-trio`? | | What is a "web editor"? Is that establish as terminology for this | type of wyswiyg editor? | | Does it or doesn't it support mobile? It mostly doesn't work but | with some fiddly stubbornness I was able to get a few of the | controls to do something. | inyono wrote: | It's pronounced Editor IO. | | Web editor in the sense that the editor runs as a web app, and | the default rendering output is React (although other output | formats are possible). | | Mobile kinda works (minimum goal is to let users do simple | edits from mobile), but we mostly focused on the desktop so | far. | raidicy wrote: | This looks really cool but I think maybe an image on the landing | page might help | iforgotmypass wrote: | I was thinking of building something similar. Any other | alternatives to similar solutions? | curo wrote: | Prosemirror seems to be one of the most pluggable block editors | out there. For the vue.js community, tiptap is built on | prosemirror. Slate (which this is built on) is good too. | bhl wrote: | Slate is in beta and isn't stable yet last time I heard. | inyono wrote: | IMHO still the best there is, at least in the React space. | But yeah, stuck in beta for what feels like forever. | joking wrote: | Gutenberg, it can be decoupled from Wordpress. But you can | start searching for tinymce alternatives and you will found | hundreds | sam_goody wrote: | There are LOTS of competitors, but of course, not all are | apples to apples. | | Here is a partial list of some of the more active wysiwyg | editors: Quill: https://quilljs.com | Slate: https://www.slatejs.org Trumbowyg: | https://alex-d.github.io/Trumbowyg ContentTools: | http://getcontenttools.com SummerNote: | https://summernote.org Squire: | https://github.com/neilj/Squire Editor.js: | https://codex.so/editor ProseMirror: | https://prosemirror.net/ | | I have personally been happy with Quill (the have their own | system for storing text which is interesting. | | Many of these have active branches, especially in Vue or React | etc. | fourstar wrote: | Best I could find would be: | https://github.com/chanzuckerberg/czi-prosemirror but they | kinda stopped working on it. ___________________________________________________________________ (page generated 2020-02-29 23:00 UTC)