Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
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
170
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
250
Type is Beautiful
mockee
14
1.4k
阅读类 Web 应用前端技术探索
mockee
8
440
转化的灵感
mockee
1
360
Web Apps and more
mockee
2
430
Other Decks in Programming
See All in Programming
Better Code Design in PHP
afilina
PRO
0
130
Realtime API 入門
riofujimon
0
150
Duckdb-Wasmでローカルダッシュボードを作ってみた
nkforwork
0
130
3 Effective Rules for Using Signals in Angular
manfredsteyer
PRO
0
120
CSC509 Lecture 12
javiergs
PRO
0
160
イマのCSSでできる インタラクション最前線 + CSS最新情報
clockmaker
4
900
3 Effective Rules for Using Signals in Angular
manfredsteyer
PRO
1
100
.NET のための通信フレームワーク MagicOnion 入門 / Introduction to MagicOnion
mayuki
1
1.8k
RubyLSPのマルチバイト文字対応
notfounds
0
120
Jakarta EE meets AI
ivargrimstad
0
720
デザインパターンで理解するLLMエージェントの作り方 / How to develop an LLM agent using agentic design patterns
rkaga
3
330
flutterkaigi_2024.pdf
kyoheig3
0
150
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
32
1.5k
How to Think Like a Performance Engineer
csswizardry
20
1.1k
Done Done
chrislema
181
16k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
The Cult of Friendly URLs
andyhume
78
6k
Speed Design
sergeychernyshev
25
620
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Become a Pro
speakerdeck
PRO
25
5k
The Invisible Side of Design
smashingmag
298
50k
How to Ace a Technical Interview
jacobian
276
23k
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