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
290
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
それ、本当に安全？ ファイルアップロードで見落としがちなセキュリティリスクと対策
Avatar for ikechi penpeen
7
2.4k
ThorVG Viewer In VS Code
Avatar for Nor-s nors
0
770
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
760
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
7
2k
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
2
4.3k
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
4
980
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
0
130
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
Avatar for MomokoShirakawa momok47
0
190
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
1
230
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330

Featured

See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.8k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
49
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
880
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
680
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
360
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.3k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
170

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