Upgrade to Pro — share decks privately, control downloads, hide ads and more …

NingJS Lighting Talk

Avatar for Yan Shi Yan Shi
September 02, 2016
Programming
0
180

NingJS Lighting Talk

Rich Text Editor
Avatar for Yan Shi

Yan Shi

September 02, 2016
Tweet

More Decks by Yan Shi

See All by Yan Shi
Type is Beautiful (for Hof)
Avatar for Yan Shi mockee
3
270
Type is Beautiful
Avatar for Yan Shi mockee
14
1.5k
阅读类 Web 应用前端技术探索
Avatar for Yan Shi mockee
8
460
转化的灵感
Avatar for Yan Shi mockee
1
400
Web Apps and more
Avatar for Yan Shi mockee
2
450

Other Decks in Programming

See All in Programming
一緒に働きたくなるプログラマの思想 #QiitaConference
Avatar for mu_zaru mu_zaru
84
21k
Modern Angular with Signals and Signal Store: New Rules for Your Architecture @jax2025 in Mainz, Germany
Avatar for Manfred Steyer manfredsteyer
PRO
0
110
파급효과: From AI to Android Development
Avatar for HyunWoo Lee l2hyunwoo
0
170
カウシェで Four Keys の改善を試みた理由
Avatar for ike ike002jp
1
140
クラシルリワードにおける
iOSアプリ開発の取り組み
Avatar for fumito nakazawa funzin
1
230
Design Pressure
Avatar for Hynek Schlawack hynek
0
180
Cloudflare Workersで進めるリモートMCP活用
Avatar for syumai syumai
12
1.7k
Embracing Ruby magic
Avatar for Vinicius Stock vinistock
2
290
TVer iOSチームの共通認識の作り方 - Findy Job LT iOSアプリ開発の裏側 開発組織が向き合う課題とこれから
Avatar for TVer Inc. techtver
PRO
0
110
「MCPを使ってる人」が より詳しくなるための解説
Avatar for Kota-Yamaguchi yamaguchidesu
0
260
Digging into the Matrix: Practicing Code Archaeology
Avatar for Arthur Doler arthurdoler
PRO
0
120
コンポーネントライブラリで実現する、アクセシビリティの正しい実装パターン
Avatar for Tajima Sachiko schktjm
1
110

Featured

See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.3k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
42
7.5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
34
2.2k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
0
49
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.6k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
32
5.8k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
227
22k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
693
190k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k

Transcript

  1. @mockee NingJS 2016.9.3

  2. ੄෈๜ᖫᬋ࢏

  3. ᨗኌଠඎ

  4. Google Inbox

  5. CKEditor Alloy Editor: a modern WYSIWYG editor built on top

    of CKEDITOR
  6. None

  7. ᨗኌᴅ᧛ – ኪৼԡഭᇇᔮᕹ

  8. Medium

  9. Facebook Note

  10. Dropbox Paper

  11. <textarea></textarea> ...

  12. <div contenteditable="true" /> ContentEditable is like JavaScript

  13. • ContentEditable: The Good, the Bad and the Ugly •

    Fixing ContentEditable • The Road to HTML 5: contentEditable

  14. ᳯ᷌ • DOM === ᇫா • DOM ᤒሿӧӞᛘ Chrome Firefox

    / Safari

  15. • ݢᦢᳯ௔অ҅ၨᥦ࢏ฦ᭭ඪ೮ • ܻኞ cursor Ө selection • ܻኞ input

    ԪկҁᲫፏԪկ̵ᬌفဩ҂ • ੄෈๜ۑᚆҁےᔋ̵ൊࢶᒵ҂ • ᖫᬋ܄ṛଶ໑ഝٖ਻ᳩଶᛔᭇଫ սᅩ

  16. දᬰ • ളᓕ DOM ጱڠୌ • ᭗ᬦ selection API ളᓕ

    cursor • ֵአ Model ๶ਧԎ޾ᓕቘ੄෈๜ٖ਻ Draft.js Slate
  17. None
  18. None
  19. None