Додав початкові стилі для мобільної версії для стрічки дискуссій. І зробив першу версію редактора тексту.
Скріни мобільної версії:
Редактор тексту:
Редактор зробив на основі популярного редактора Tiptap, котрий оснований на ще більш популярному редакторі-фреймворку ProseMirror.
Наразі це технічна демка в окремому репозиторії, котра допілиться в окремий npm пакет, котрий можна буде вже підключити як залежність в основний проєкт:
Основні особливості:
- Сфокусований на Markdown розмітці. На вхід очікує Markdown, на виході теж Markdown
- Підтримує вставки. Достатньо додати пусту строку і вствити URL, котрий перетвориться на блок-вставку. Протестувати можна на вставці з Ютуб, але інші вставки, як і URL на невідомі сайти будуть вставляти фрейм, котрий очікує обробку URL нашим бекендом, котрої поки немає. Згодом додасться
- Очищає текст від UTF-8 символів, котрі важко зустріти в адекватних текстах. Привіт, JS
- Підтримує вставку Markdown. Текст скопійований з редактора автоматично перетворюється на Markdown теж
- Підтримує ввод Markdown форматування. Наприклад, якщо додати *текст*, текст перетвориться на жирний. Привіт, Telegram
4 коментарі