$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
NingJS Lighting Talk
Search
Yan Shi
September 02, 2016
Programming
0
190
NingJS Lighting Talk
Rich Text Editor
Yan Shi
September 02, 2016
Tweet
Share
More Decks by Yan Shi
See All by Yan Shi
Type is Beautiful (for Hof)
mockee
3
290
Type is Beautiful
mockee
14
1.6k
阅读类 Web 应用前端技术探索
mockee
8
460
转化的灵感
mockee
1
410
Web Apps and more
mockee
2
470
Other Decks in Programming
See All in Programming
DSPy Meetup Tokyo #1 - はじめてのDSPy
masahiro_nishimi
1
150
[SF Ruby Conf 2025] Rails X
palkan
0
430
ID管理機能開発の裏側 高速にSaaS連携を実現したチームのAI活用編
atzzcokek
0
180
JJUG CCC 2025 Fall: Virtual Thread Deep Dive
ternbusty
3
510
Reactive Thinking with Signals and the new Resource API
manfredsteyer
PRO
0
160
関数の挙動書き換える
takatofukui
4
770
認証・認可の基本を学ぼう前編
kouyuume
0
150
Herb to ReActionView: A New Foundation for the View Layer @ San Francisco Ruby Conference 2025
marcoroth
0
240
Google Antigravity and Vibe Coding: Agentic Development Guide
mickey_kubo
2
130
CSC305 Lecture 15
javiergs
PRO
0
240
大体よく分かるscala.collection.immutable.HashMap ~ Compressed Hash-Array Mapped Prefix-tree (CHAMP) ~
matsu_chara
1
210
関数実行の裏側では何が起きているのか?
minop1205
1
500
Featured
See All Featured
Writing Fast Ruby
sferik
630
62k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.2k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
960
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.3k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Building Adaptive Systems
keathley
44
2.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.1k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
Transcript
@mockee NingJS 2016.9.3
ᖫᬋ
ᨗኌଠඎ
Google Inbox
CKEditor Alloy Editor: a modern WYSIWYG editor built on top
of CKEDITOR
None
ᨗኌᴅ – ኪৼԡഭᇇᔮᕹ
Medium
Facebook Note
Dropbox Paper
<textarea></textarea> ...
<div contenteditable="true" /> ContentEditable is like JavaScript
• ContentEditable: The Good, the Bad and the Ugly •
Fixing ContentEditable • The Road to HTML 5: contentEditable
ᳯ᷌ • DOM === ᇫா • DOM ᤒሿӧӞᛘ Chrome Firefox
/ Safari
• ݢᦢᳯঅ҅ၨᥦฦ᭭ඪ೮ • ܻኞ cursor Ө selection • ܻኞ input
ԪկҁᲫፏԪկ̵ᬌفဩ҂ • ۑᚆҁےᔋ̵ൊࢶᒵ҂ • ᖫᬋ܄ṛଶ໑ഝٖᳩଶᛔᭇଫ սᅩ
දᬰ • ളᓕ DOM ጱڠୌ • ᭗ᬦ selection API ളᓕ
cursor • ֵአ Model ਧԎᓕቘٖ Draft.js Slate
None
None
None