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
0
190

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
300
Type is Beautiful
Avatar for Yan Shi mockee
14
1.6k
阅读类 Web 应用前端技术探索
Avatar for Yan Shi mockee
8
470
转化的灵感
Avatar for Yan Shi mockee
1
440
Web Apps and more
Avatar for Yan Shi mockee
2
470

Other Decks in Programming

See All in Programming
CSC307 Lecture 10
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
690
20260228_JAWS_Beginner_Kansai
Avatar for Takuya Yonezawa takuyay0ne
5
390
Claude Codeと2つの巻き戻し戦略 / Two Rewind Strategies with Claude Code
Avatar for 果物リン fruitriin
0
200
RubyとGoでゼロから作る証券システム： 高信頼性が求められるシステムのコードの外側にある設計と運用のリアル
Avatar for free_world21 free_world21
0
130
浮動小数の比較について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
360
エージェント開発初心者の僕が エージェントを作った話と今後やりたいこと
Avatar for ta-hasunuma thasu0123
0
220
AI主導でFastAPIのWebサービスを作るときに 人間が構造化すべき境界線
Avatar for Jun okazaki okajun35
0
420
LangChain4jとは一味違うLangChain4j-CDI
Avatar for Kenji Kazumura kazumura
1
120
CSC307 Lecture 12
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
450
JPUG勉強会 OSSデータベースの内部構造を理解しよう
Avatar for Atsushi Ogawa oga5
2
220
new(1.26) ← これすき / kamakura.go #8
Avatar for utagawa kiki utgwkk
0
1.1k
CSC307 Lecture 14
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
440

Featured

See All Featured
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
110
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
280
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
160
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
190
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
63
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k

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