Marijn Haverbeke: Salvaging contentEditable: Building a Robust WYSIWYG Editor | JSConf EU 2015

  Рет қаралды 10,718

JSConf

JSConf

Күн бұрын

Web-based WYSIWYG editors are notorious for spitting out a distasteful HTML soup. In this talk I’ll show how I implemented an editor that, instead of trying to filter and clean this soup, takes control away from the browser’s contentEditable implementation, and reinterpret user actions as operations on our own semantic document model (i.e. not HTML). The result is a WYSIWYM (what you see is what you mean) editor, more predictable than classic WYSIWYG, and just as user friendly.
Intro music by @halfbyte

Пікірлер: 6
@ThomasGiles
@ThomasGiles 9 жыл бұрын
That was great! Always been interested in writing a "safer" rich editor that's definable and so on. But the barrier to entry is just so prohibitive. Thanks for going over all this, it was fascinating to hear about this stuff, and it's pretty rare anyone goes down the rabbithole on this and comes back to tell us about it ;P
@ivanmeno
@ivanmeno 4 жыл бұрын
26:20 who’s watching in 2020 and still waiting?
@Hytpu9
@Hytpu9 3 жыл бұрын
you should check prosemirror editor, Marijn Haverbeke is the creator of that
@sheikhsalman4882
@sheikhsalman4882 Жыл бұрын
Thanks for showing how simple yet complex it is.
@avisternlieb449
@avisternlieb449 3 жыл бұрын
Fascinating talk; thanks for all the great open-source work!!
@herbertpimentel
@herbertpimentel 3 жыл бұрын
OMG This is sooo amazing!!!
Леон киллер и Оля Полякова 😹
00:42
Канал Смеха
Рет қаралды 4,7 МЛН
To Brawl AND BEYOND!
00:51
Brawl Stars
Рет қаралды 17 МЛН
Арыстанның айқасы, Тәуіржанның шайқасы!
25:51
QosLike / ҚосЛайк / Косылайық
Рет қаралды 700 М.
Mom Hack for Cooking Solo with a Little One! 🍳👶
00:15
5-Minute Crafts HOUSE
Рет қаралды 23 МЛН
NYT: Building a real-time collaborative editor with Firestore
19:27
Google Cloud Tech
Рет қаралды 11 М.
Даниил Налетов (ManyChat) - Ещё один текстовый веб-редактор и в чём проблемы contenteditable?
23:43
HolyJS — конференция для JavaScript‑разработчиков
Рет қаралды 1 М.
5 AMAZING terminal applications you didn't know you needed
8:40
Nick Skriabin
Рет қаралды 3,6 М.
Node.js: The Documentary | An origin story
1:02:49
Honeypot
Рет қаралды 688 М.
Transformers (how LLMs work) explained visually | DL5
27:14
3Blue1Brown
Рет қаралды 4,3 МЛН
Леон киллер и Оля Полякова 😹
00:42
Канал Смеха
Рет қаралды 4,7 МЛН