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

NingJS Lighting Talk

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Yan Shi Yan Shi
September 02, 2016
Programming
200
0

NingJS Lighting Talk

Rich Text Editor

Avatar for Yan Shi

Yan Shi

September 02, 2016

More Decks by Yan Shi

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

Other Decks in Programming

See All in Programming
例外の正しい扱い方 そのエラー try-catchして大丈夫？
Avatar for Watanabe Jin jinwatanabe
0
270
Even G2とAWSで推しのエージェントを召喚しよう！
Avatar for Har1101 har1101
1
120
JJUG CCC 2026 Spring: JSpecify で実現する Kotlin フレンドリーな Java API 設計
Avatar for ternbusty ternbusty
1
180
AI時代のUIはどこへ行く？その2！
Avatar for Yusuke Wada yusukebe
22
7.4k
生成AI時代にこそ効くGo | Why Go Works in the Age of Generative AI
Avatar for mom0tomo mom0tomo
8
3.3k
軽量Java基盤の設計 DIコンテナに頼らない、長期保守と1秒起動の実現 JJUG CCC 2026 Spring
Avatar for Masaaki Takahashi macha64
0
550
技術記事、 専門家としてのプログラマ、 言語化
Avatar for Koutarou Chikuba mizchi
13
6.3k
TypeScript+Orvalで実現する型安全かつ堅牢でスケーラブルなマルチチャネル通知基盤 / TSKaigi Night talks ~after conference~
Avatar for doriven d0riven
0
350
dRuby over BLE
Avatar for makicamel makicamel
2
380
エージェンティックRAGにAWSで入門しよう！
Avatar for Har1101 har1101
8
1.7k
なぜ型を書くのか？ TSKaigi2026で改めて考える #tskaigi_smarthr
Avatar for Takuma Kajikawa kajitack
0
120
Skillsは効率化、Agentsは"自分の拡張"——Builder時代のエージェント編成（CC Night 2026）
Avatar for Hiroki Uemura wemra
1
140

Featured

See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
11
38k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k
Designing for Performance
Avatar for Lara Hogan lara
611
70k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
390
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
260
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
330
Abbi's Birthday
Avatar for Violet Bock coloredviolet
2
8.1k

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