Привіт всім! Як почуваєтеся? Напевно добре, тож я почну перелічувати що вдалося зробити за цей день для нової версії UJournal UI:
- Додав редактор поста (приклад https://earnest-tiramisu-7cffad.netlify.app/edit-post?postId=368)
- Додав нові Embed: Facebook, Instagram, Telegram, SoundCloud
- Додав можливість переходу на сторінку поста (приклад https://earnest-tiramisu-7cffad.netlify.app/post?postId=368)
Трошки деталей про редактор. Це була іпопея встоювати редактор EditorJS у сайт. По субʼєктивним враженням - розробники припинили активно підтримувати плагіни для цього редактора, тому що непрямою ознакою є те, що багато плагінів не мають версії на тайпскрипті. Тому прийшлося робити хак, який допомогає тайпскіпту "закривати очі" на ось такі плагіни без типів.
Ще одним цікавим моментом було те що я вирішив що якщо в нас увесь контент на Markdown, то буде зручно конвертувати пости з Markdown у EditorJS JSON і обратно. Штка вже чутка складна, тому пішов гуглити і знайшов якусь стару рід-онлі рєпку editorjs-markdown-parser яка дуже допомогла, тому що там все було готово, лише блок "Картинка" прийшлось трохи поправити. Всеж, на мою думку, вийшло чудово - перевіряв на реальних постах - EditorJS адекватно відкриває їх. Треба ще тестувати, але попередньо я повністю задоволений. Доречі у оновленому інтерфейсі зараз у любого поста можно нажати на три точки та вибрати "Редактировать" і відкрити пост у редакторі, тестуємо як працює конвертація.
Ще був якийсь просто скажений баг з ініціалізацією EditorJS. Ця лібка не пристосована до роботи з рєактом, тому довелося возитися щоб подружити їх. Доречі якщо комусь знадобиться редактор у реакті - код редактора знаходиться тут.
І на останок додам кілька скришотів як працюють Embed з різних медіа-платформ:
Лінк на UJournal UI: https://earnest-tiramisu-7cffad.netlify.app/
Лінк на UJournal UI рєпку: https://github.com/uJournal/ujournal-ui
Дякую всім що критекуєте та коментуєте та пропонуєте, це робить UJournal зручнішим. Всім гарного настрою!
6 коментарів