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

NingJS Lighting Talk

Yan Shi
September 02, 2016
Programming
0
170

NingJS Lighting Talk

Rich Text Editor

Yan Shi

September 02, 2016
Tweet

More Decks by Yan Shi

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

Other Decks in Programming

See All in Programming
ベクトル検索システムの気持ち
monochromegane
28
7.9k
家族・子育て重視/沖縄在住を維持しながらエンジニアとしてのキャリアをどのように育てていくか？
ug
0
220
Preact、HooksとSignalsの両立 / Preact: Harmonizing Hooks and Signals
ssssota
1
130
requirements with math
moony
0
500
Compose Navigation実装の見通しを良くする
hiroaki404
0
170
OUPC2024 Day 1 解説
kowerkoint
0
390
安全に倒し切るリリースをするために：15年来レガシーシステムのフルリプレイス挑戦記
sakuraikotone
5
2.1k
Fluent UI Blazor 5 (alpha)の紹介
tomokusaba
0
110
WordPress Playground for Developers
iambherulal
0
120
Node.js, Deno, Bun 最新動向とその所感について
yosuke_furukawa
PRO
6
3k
CRE Meetup！ユーザー信頼性を支えるエンジニアリング実践例の発表資料です
tmnb
0
150
S3静的ホスティング+Next.js静的エクスポート で格安webアプリ構築
iharuoru
0
180

Featured

See All Featured
Optimizing for Happiness
mojombo
377
70k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
8
690
Build your cross-platform service in a week with App Engine
jlugia
229
18k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
28
2k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
14
1.1k
Writing Fast Ruby
sferik
628
61k
Site-Speed That Sticks
csswizardry
4
450
Done Done
chrislema
183
16k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
320
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
The Pragmatic Product Professional
lauravandoore
33
6.5k

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