Интерфейс Medium глазами стороннего наблюдателя

Взгляд со стороны на Medium

• Они используют Google Closure Compiler — и это хорошо:

• Основной JavaScript имеет размер более 1 МБ (фактически 1,06 МБ).
• Переменная, которую они предоставляют глобальному пространству имен, называется _mdm.
• Передаваемый ими JSON начинается с "", which they deal с использованием функции _mdm.Kra(), котораяh basically заменяет начало пустой строкой.
• Пользовательский интерфейс быстрый и плавный, что мне очень нравится. Они часто используют метод history.pushState() и событие popstate.
• Большая часть их текстовых ресурсов встроена в виде встроенного текста, HTML или SVG: значки (встроенный SVG), уведомления только для участников (встроенный HTML) и различные другие уведомления (встроенный текст или HTML). Конечно, они должны были быть отдельными текстовыми/HTML-файлами в другом месте, но тогда они были объединены.
• Функция вставки не работает в Microsoft Edge 15. Эта проблема характерна для Draft.js и (что гораздо более серьезно) для Quora, хотя ее нет в TinyMCE или CKEditor. (CC Anton Kovalyov здесь) В остальном возможности редактирования в Microsoft Edge великолепны.

Версия: 1.0 StartHTML: 000000187 EndHTML: 000392440 StartFragment: 000392368 EndFragment: 000392394 StartSelection: 000392368 EndSelection: 000392394 SourceURL: https://www.tinymce.com/

Полнофункциональное веб-редактирование.

Позвольте мне вставить что-нибудь. (Кажется, связано с https://msdn.microsoft.com/en-us/library/windows/desktop/ms649015(v=vs.85).aspx?)

• Они различают только то, что изменяется при сохранении черновиков:

{
    "id": "4c233c79c811",
    "deltas": [{
        "type": 3,
        "index": 5,
        "paragraph": {
            "name": "f59f",
            "type": 9,
            "text": "The pasting function breaks on Microsoft Edge 15, a problem shared with Draft.js and (a lot) more seriously Quora, though not seen on TinyMCE or CKEditor. (CC Anton Kovalyov here) Otherwise the editing experience on Microsoft Edge is gre",
            "markups": [
                {
                    "type": 3,
                    "start": 159,
                    "end": 173,
                    "anchorType": 2,
                    "userId": "28047b411ce"
                },
                {
                    "type": 2,
                    "start": 21,
                    "end": 48
                }
            ]
        },
        "verifySameName": true
    }],
    "baseRev": 233
}

И они, похоже, снова внедряют старый добрый Internet-Explorer DOM (от которого Microsoft Edge избавился) снова вручную.