Розробка UJournal UI (29 вересня) 4

Привіт! Пишу тобі друже з нового редактора! Так, це сталося. Я змінив EditorJS на більш сучасне рішення. Чому? Бо якщо подивитися уважно на репозіторій EditorJS то можно побачити, що редактор перейшов у якись півзамерзлий стан, коли фікси не робляться місяцями.

Розраховувати на якусь адекватну підтримку не можна, плюс базові штуки типу Undo/Redo треба додавати плагінами, які теж застарілі та працюють дивно.

Хоча EditorJS не таке вже й погане рішення, але прийшов час сказати йому “гудбай май лав, гудбай” і перейти на редактор з більш давньою історією, це CKEditor. Рініше його звали FCKEditor, можливо є здогади чому довелося його перейменувати?

Та почав свою історію цей редактор ще у 2003 році. Прикиньте скільки часу та вмінь було вкладено в нього! І не зважаючи на час - цей редактор виглядає і працює доволі сучасно. Але ще доведеться у цьому переконатися.

Які приємності несе зміна:

• Нарешті збереження і відкриття контенту стало набагато стабільнішим
• Працюють лінки та виділення у списках та цитатах
• Курсор тепер працює більш природньо (як у решті редакторів)
• Є можливість додавати таблиці
• Перетворення абзацу на список і обратно стали більш інтуітивними
• Undo/Redo тепер чесні і працюють адекватно

Є і неприємні речі. Ця зміна доволі велика, тому зломалися деякі фічі:

• Не відображаються підписи для картинок (але тексти збережені і можно редагувати за іконкой "око")
• Пости з великою кількістю картинок зараз будуть рендеретися усі, а не тільки перша
• Поломалися згадування
• Не працює вставка YouTube роліков у тіло (попередження: якщо будете редагувати пост з Ютуб вставками - після збереження вставки зникнуть)
• Не працює вставка картинок по лінку
• Поломалися відступи у картинок від лівого та правого країв

Буду завтра лагодити ці речі. У планах додати редактор до коментарів.

З техничної точки точки зору конвертація Markdown > HTML > Markdown залишилася, щоб була зворотня сумісність зі старою версією сайта. І взагалі, з моєї точки зору, тримати тексти в маркдауні це добре, тому що наприклад відрендерети Markdown у Andoroid/iOS додатку легше, ніж HTML, та ще можно відправляти навіть у телеграм бота.

Як працює редактор:

Зліва додалася іконка параграфа, це такий замінник кнопки "+". Розписувати функціональність у подробицях я не буду, думаю що редактор настільки інтуітивний, що не буде проблеми подивитися на функції самому. Все супер-просто.

Друга велика річ яку хочется показати це, як її називають, "шапка стрічки", або “пости від редакції". Але поки що не від якої не від редакції:

Цей блок відображає від 1 до 10 постві з розділу “Топ за добу”. Ми трохи дискутували з Раслом (@mazepa) що там відображати. Я топив за те щоб ми почали створювати редакцію з професійними текстами, але Расл мене переконав що гарною ідеєю буде поки що відображення найбільш популярні пости за добу, бо до редакційної роботи ще треба дорости. 😉

І тут Расл видає дуже крутий переклад Журнал Time: Усередині українського контрудару, який переломив хід війни. Який я прочитав на єдиному подиху. Ось такі матеріали - це гарний приклад класного редакційного посту. Ще дуже круті пости робить @ohshie.

Сьогодні я замислився над виділенням теми або лейтмотиву сайту. Звісно якщо довго не думати, то лейтмотив сайту це війна. Але чому я взігалі сів виводити цю тему? Я вирішив потестувати Google AdWords і сидів з хвилин з 10 думав які ключові слова мені писати щоб якось дати характеристику домінуючому контенту на сайті. І якось не дуже підіймалася рука писати “війна”. Може реально почати розвивати лонгріди “військові історії”? 🙂 

Питання лейтмотиву і Редакції відкрите. Будь яка дискусія на цю тему буде підштовхувати нас до відповідей.

Наступні фічі які я буду робити:

• Збережені пости
• Чернетка

На сьогодні це всі апдейти, може трхи сумбурно написано, але у нас вже друга ночі і дуже хочеться спати. Всім бажаю безпечної пʼятниці. Словосполучення “пережити пʼятницю” заграло новими кольорами. Дякую за увагу! Всім добра!