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

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

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

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

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

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

Commently Editor ujournal.github.io

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

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