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

При­віт! Пишу тобі дру­же з ново­го реда­кто­ра! Так, це ста­ло­ся. Я змі­нив 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 думав які клю­чо­ві сло­ва мені писа­ти щоб якось дати хара­кте­ри­сти­ку домі­ну­ю­чо­му кон­тен­ту на сай­ті. І якось не дуже піді­йма­ла­ся рука писа­ти ​“вій­на”. Може реаль­но поча­ти роз­ви­ва­ти лон­грі­ди ​“вій­сько­ві історії”? 🙂 

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

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

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

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