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
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
330
Result型で“失敗”を型にするPHPコードの書き方
kajitack
4
410
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
370
5つのアンチパターンから学ぶLT設計
narihara
1
120
すべてのコンテキストを、 ユーザー価値に変える
applism118
2
820
エラーって何種類あるの?
kajitack
5
310
XP, Testing and ninja testing
m_seki
3
200
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
390
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
190
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
akihisaikeda
3
310
PostgreSQLのRow Level SecurityをPHPのORMで扱う Eloquent vs Doctrine #phpcon #track2
77web
2
350
Create a website using Spatial Web
akkeylab
0
300
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Producing Creativity
orderedlist
PRO
346
40k
A better future with KSS
kneath
239
17k
For a Future-Friendly Web
brad_frost
179
9.8k
Speed Design
sergeychernyshev
32
1k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
The Language of Interfaces
destraynor
158
25k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Balancing Empowerment & Direction
lara
1
370
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