[Habr, Разработка веб-сайтов] АМА с Хабром #20. Тестируем новый WYSIWYG

Ответить на тему

Автор

Сообщение

news_bot ^®

Стаж: 6 лет 4 месяца
Сообщений: 27286

news_bot ^® написал(а)
31-Авг-2020 15:36

Цитировать

У меня есть причины не любить аббревиатуру WYSIWYG. Во-первых, я до сих пор не могу сходу её написать — всё время сначала проговариваю про себя расшифровку (What You See Is what You Get) и только потом пишу. Во-вторых, она ужасно читается, «визивиг» или, что ещё хуже, «висивиг» — отвратительнее только иметь дело с бандой tough-though-trough-through-thorough-thought-throw. В третьих, в ней аж две буквы «y», которая залипает в моём ноутбуке, но это так, совсем уж личное.

Есть ещё четвёртая причина, которая за годы присутствия в интернете стала граничить с фобией — как правило, говоря «визивиг» (ааа!), в мыслях мы представляем какой-то кухонный комбайн, за которым прячется КаМАЗ кода. И в итоге всё это если и работает «как задумывалось», то в лучшем случае в каком-то одном браузере. И даже в нём лишь с костылями. Ну или это всё мой негативный опыт, «просто ещё не встретил» идеальный редактор.Тем не менее последние полгода (а может и больше) мы работали именно над этим — над новым редактором публикаций. Можно было бы прокачать текущую форму создания публикаций (которая практически не менялась с момента создания Хабра), но всё же мы подумали, что вёрстка постов с помощью HTML-тегов в 2020 году — это в принципе не дело, а для части пользователей так вообще неподъёмное дело.Новый редактор условно делится на две части: на первой странице находятся только поле для заголовка и простыня для написания текста публикации из блоков. Мы решили пойти по пути блочного конструктора — для вставки блоков можно пользоваться как «плюсиком» в левой части (для вставки блоков), так и клавишей «/». Поддерживается markdown-разметка, горячие клавиши (CTRL/⌘ + B, U, I, S, K) и вставка из буфера обмена (с форматированием).Вторая страница отведена под настройки: выбор типа поста и языка, поля для добавления хабов, тегов и текста анонса, а также загрузку картинки для соцсетей.

Что поддерживает новый редактор

Заголовки (в том числе через #)
Цитаты (с отбивкой слева, как раньше, а не в жёлтом блоке как в текущем редакторе)
Маркированные и нумерованные списки (вложенность добавляется через Tab)
Медиаэлементы (посты из соцсетей, треки, видеоролики, Codepen и т. д.)
Изображения (вставка с диска, минуя Habrastorage, либо из буфера обмена), включая SVG
Разделители
Таблицы (с поддержкой выравнивания, вставки и удаления строк и столбцов, а также объединения ячеек)
Код (с подсветкой синтаксиса) — как строчный, так и блочный (в том числе через ``)
Формулы в TeX-формате
Спойлеры

Извините, данный ресурс не поддреживается. :( Мы делали WYSIWYG с мыслью о том, что для создания поста не нужно пользоваться сторонними редакторами — садись и пиши прямо на Хабре, сохраняй в черновики, если не удалось написать всё в один заход. Но даже если вы хотите перенести наброски откуда-то извне, в 9 из 10 случаев достаточно будет нажать Ctrl/⌘+A → Ctrl/⌘+C → Ctrl/⌘+V, и всё перенесётся само, включая ссылки, форматирование и даже картинки — они сами зальются на наш Habrastorage.Естественно, это не финал — это бета-версия. Поэтому все предложения, замечания и идеи оставляйте на странице бета-тестирования «визивига». Изучим весь поступивший фидбек и вместе сделаем новый редактор ещё лучше.Что и как проверятьПока мы не делаем новый редактор доступным для всех, а только тем, кто является бета-тестером Хабра. Если хотите присоединиться — жмите на свою аватарку в правом верхнем углу и выбирайте в меню пункт «Бета-тестирование». Там уже создан новый эпик про редактор — все найденные баги и аномалии следует писать в комментариях к нему.

Что ещё сделали за августТак как все силы были брошены на доделывание редактора, больше особо ничего не успели сделать. Тем не менее:

Поменяли логику работы блока «Новости». Раньше там выводилось 5 новостей и ссылка «Все новости» для перехода в новостной раздел. Теперь — 5 новостей и кнопка «Показать ещё», показывающая ещё 5 новостей, и только после неё ссылка для перехода в раздел новостей.
Пофиксили прогрузку списка хабов на страницеуправления подпиской
Починили вывод даты последней активности в некоторых профилях
Исправили ссылку «Написать в ЛС» в блоке автора под постом
Починили локализацию времени в некоторых закромах
Поколдовали над сервисом вывода похожих постов
Исправили отступы в блоках читают сейчас
Исправили поведение правого сайдбара
Починили открытие якоря публикации в новом окне
Исправили отображения футера на страницах ошибок
Наладили отображение AMP-публикаций, созданных через новый редактор
Сделали подгрузку картинок в постах и комментариях за 500px до скролла

Всем визивиг!
===========
Источник:
habr.com
===========
Похожие новости:

Теги для поиска: #_habr, #_razrabotka_vebsajtov (Разработка веб-сайтов), #_wysiwyg, #_habr, #_redaktor (редактор), #_ama, #_blog_kompanii_habr (
Блог компании Хабр
), #_habr, #_razrabotka_vebsajtov (
Разработка веб-сайтов
)

Профиль ЛС

Ответить на тему

Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы

Текущее время: 06-Июл 23:58
Часовой пояс: UTC + 5