Firefox is the only modern browser currently restricting access to the selection state when the selection is inside an input nested in a content editable element. It works wonders on modern browser, except on Firefox.
The GitBook editor mixes the editable content (marked as contenteditable) with classic HTML elements for specific parts like image captions. Now for the technical details: in order to do its magic, Slate needs to monitor the user’s selection inside the page, to determine if it is inside the editable content and be able to react accordingly. It is a clean and powerful alternative to other libraries like DraftJS, Quill and Prosemirror. Slate is one of them, and the one GitBook uses and contributes to. There are a few JavaScript libraries that offer an abstraction layer above this, and propose an engine to build rich text editors. But these features often differ between browsers, which make working with them a puzzle.
Modern browsers have brought features that allow to accomplish a great editing experience (such as contenteditable). Rich text editing inside a browser is hard.
0 kommentar(er)
