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

Other Decks in Programming

See All in Programming
freee が目指す データ マネジメント戦略 AI-Ready 時代を支える 攻めのガバナンスとは
Avatar for freee freee
PRO
0
320
型も通る、synthも通る、それでも危ない 〜AIのCDKの権限とコストを機械で検証する〜 / It Passes Type Checks, It Passes Synth Checks, but It’s Still Risky — Automatically Verifying Permissions and Costs in AI’s CDK —
Avatar for shiro seike seike460
PRO
1
540
Japan Community Day at Kubecon + CloudNativeCon Japan 2026: Learning Container Privilege Control by Building My Own Low-Level Container Runtime
Avatar for ternbusty ternbusty
1
150
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
560
React本体のコードリーディング
Avatar for high-g high_g_engineer
1
140
Cloudflare is Agents
Avatar for chimame chimame
0
150
「人を評価する AI」の 設計と実装 
Avatar for 奈良亮耶 ryoyanara
0
180
PHP に部分適用が来るぞ！……ところで何それ？おいしいの？ #phpcon / phpcon-2026
Avatar for shogogg shogogg
0
610
言語を使う側から、作る側へ。 自作 Lisp で得た新たな気づき。
Avatar for ANDPAD inc andpad
0
160
言葉の格闘技のススメ～紙とペンと言葉から始める、キャリアの描き方～
Avatar for 進捗ゼミ progresscicada
2
140
5分で問診！Composer セキュリティ健康診断
Avatar for コドモン開発チーム codmoninc
0
930
【QA Test Talk Vol.8】AI-DLC による Whole Team Approach の加速
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
0
140

Featured

See All Featured
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
67k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
490
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
660
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.3k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
500
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.9k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
260
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
200
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k

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