Rich Text Editor
@mockee NingJS 2016.9.3
View Slide
ᖫᬋ
ᨗኌଠඎ
Google Inbox
CKEditorAlloy Editor: a modern WYSIWYG editor built on top of CKEDITOR
ᨗኌᴅ – ኪৼԡഭᇇᔮᕹ
Medium
Facebook Note
Dropbox Paper
...
ContentEditable is like JavaScript
• ContentEditable: The Good, the Bad and the Ugly• Fixing ContentEditable• The Road to HTML 5: contentEditable
ᳯ᷌• DOM === ᇫா• DOM ᤒሿӧӞᛘChrome Firefox / Safari
• ݢᦢᳯঅ҅ၨᥦฦ᭭ඪ೮• ܻኞ cursor Ө selection• ܻኞ input ԪկҁᲫፏԪկ̵ᬌفဩ҂• ۑᚆҁےᔋ̵ൊࢶᒵ҂• ᖫᬋ܄ṛଶ໑ഝٖᳩଶᛔᭇଫսᅩ
දᬰ• ളᓕ DOM ጱڠୌ• ᭗ᬦ selection API ളᓕ cursor• ֵአ Model ਧԎᓕቘٖDraft.js Slate