$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
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
tinykitten
PRO
0
140
モデル駆動設計をやってみようワークショップ開催報告(Modeling Forum2025) / model driven design workshop report
haru860
0
270
AIエージェントを活かすPM術 AI駆動開発の現場から
gyuta
0
440
エディターってAIで操作できるんだぜ
kis9a
0
740
AIの誤りが許されない業務システムにおいて“信頼されるAI” を目指す / building-trusted-ai-systems
yuya4
6
3.8k
ローカルLLMを⽤いてコード補完を⾏う VSCode拡張機能を作ってみた
nearme_tech
PRO
0
120
AIコーディングエージェント(Gemini)
kondai24
0
240
ELYZA_Findy AI Engineering Summit登壇資料_AIコーディング時代に「ちゃんと」やること_toB LLMプロダクト開発舞台裏_20251216
elyza
2
380
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
200
ハイパーメディア駆動アプリケーションとIslandアーキテクチャ: htmxによるWebアプリケーション開発と動的UIの局所的適用
nowaki28
0
430
認証・認可の基本を学ぼう前編
kouyuume
0
260
TestingOsaka6_Ozono
o3
0
170
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.6k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
86
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
Crafting Experiences
bethany
0
19
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
A Modern Web Designer's Workflow
chriscoyier
698
190k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
0
22
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
9.1k
Into the Great Unknown - MozCon
thekraken
40
2.2k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
130
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