Створити

UJ 4.0: Додав стилі для мобільної версії і робота над редактором тексту

Додав початкові стилі для мобільної версії для стрічки дискуссій. І зробив першу версію редактора тексту.


Скріни мобільної версії:

Редактор тексту:

Редактор зробив на основі популярного редактора Tiptap, котрий оснований на ще більш популярному редакторі-фреймворку ProseMirror.

Наразі це технічна демка в окремому репозиторії, котра допілиться в окремий npm пакет, котрий можна буде вже підключити як залежність в основний проєкт:

Основні особливості:

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

4 коментарі