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
180
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
270
Type is Beautiful
mockee
14
1.5k
阅读类 Web 应用前端技术探索
mockee
8
460
转化的灵感
mockee
1
400
Web Apps and more
mockee
2
460
Other Decks in Programming
See All in Programming
無関心の谷
kanayannet
0
160
関数型まつり2025登壇資料「関数プログラミングと再帰」
taisontsukada
2
770
Haskell でアルゴリズムを抽象化する / 関数型言語で競技プログラミング
naoya
16
3.9k
Bytecode Manipulation 으로 생산성 높이기
bigstark
1
240
JSAI2025 RecSysChallenge2024 優勝報告
unonao
1
450
ワンバイナリWebサービスのススメ
mackee
10
7.7k
try-catchを使わないエラーハンドリング!? PHPでResult型の考え方を取り入れてみよう
kajitack
3
500
20250528 AWS Startupイベント登壇資料:AIコーディングの取り組み
procrustes5
0
160
GoのWebAssembly活用パターン紹介
syumai
3
9.8k
Agent Rules as Domain Parser
yodakeisuke
1
600
Parallel::Pipesの紹介
skaji
2
900
Javaのルールをねじ曲げろ!禁断の操作とその代償から学ぶメタプログラミング入門 / A Guide to Metaprogramming: Lessons from Forbidden Techniques and Their Price
nrslib
3
1.9k
Featured
See All Featured
Thoughts on Productivity
jonyablonski
69
4.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.8k
BBQ
matthewcrist
89
9.7k
Designing for humans not robots
tammielis
253
25k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
For a Future-Friendly Web
brad_frost
179
9.8k
Automating Front-end Workflow
addyosmani
1370
200k
Stop Working from a Prison Cell
hatefulcrawdad
269
20k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Pragmatic Product Professional
lauravandoore
35
6.7k
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