Привет, Хабр! Когда на сайте появляется какая-то значимая фича, мы делаем о ней отдельную публикацию. В противном случае получается, как сегодня, расширенный чейнджлог — в первом квартале так вышло из-за того, что мы работаем над новым типом пользовательских публикаций, для которого пришлось проделать большую работу как снаружи, так и под капотом. Планируем выкатить нововведение уже в апреле.

1. Типограф 

В новом редакторе наконец-то появилась функция типографа. Работает не автоматически, чтобы текст был более подконтрольным. Просто выделите абзац текста (или сразу весь) и в появившемся меню нажмите кнопку с волшебной палочкой:

Кнопка активации типографа для выделенного текста
Кнопка активации типографа для выделенного текста

Вот что он умеет:

Кавычки

  • Для русскоязычных текстов менять внешние и вложенные кавычки на «„Текст“».

  • Для англоязычных текстов — на “‘Text’”

Тире и дефисы

  • для диапазонов чисел менять дефис на короткое тире: 10–20

  • дефисы, окружённые пробелами, менять на длинные тире: писать статьи — это хорошо

  • длинные тире в словах, не окружённые пробелами, менять на дефисы: по—людски → по-людски

Пробелы

  • Искать и удалять двойные пробелы, а также пробелы перед знаками: .,;:!?%

  • Добавлять пробелы между:

    • знаками номера или параграфа и цифрами: № 8, § 104

    • числами и любыми словами, например: 12 кг, 50 мл, 300 спартанцев

  • Делать пробелы неразрывными в следующих случаях: 

    • между знаками номера или параграфа и цифрами: № 245, § 19

    • внутри сокращений: и т. д., и т. п., т. е., а. е., P. S.

    • перед тире в середине предложения: четырнадцать лет — это совсем мало

    • между группами цифр в многозначных числах, по три цифры справа налево, начиная с пятизначных чисел: 2 132 128 байт

    • после одно‑, двух‑ и трёхбуквенных предлогов и союзов: а, в, и, к, о, с, у, за, но, на, во, под, да, до, из, или, что, как, от, по, об, обо, без, для, про, при

    • после частицы не

    • перед частицами бы, ли, же

Знаки и сокращения

  • Превращать (c), (TM) и (R) в ©, и ®.

  • Х (хэ) и X (икс) в качестве знака умножения (то есть между числами) менять на ×.

  • Менять в числительных (n-ый, -ой, -ая, -ое, -ые, -ым, -ом, -ых) на n-й, -я, -е, -м, -х.

  • Выносить кавычки за пределы ссылки: «Ссылка» или “Link“.

  • Заменять руб. и дол. на и $.

Диапазоны

Делать телефонные номера и некоторые слова с дефисами неразрывными, без возможности переносить их части на новую строку: +7–123–456–78–90 и слова с по‑, в‑/во‑ и IT‑ (по‑человечески, в‑третьих, во‑вторых, IT‑сообщество).

* * *

Хоть мы и добавили типограф на сайт, но пока ещё не писали о нём — он находился в стадии публичного тестирования — спасибо всем, кто принял в нём участие. Кое-что нашлось, постарались поправить — если найдёте ещё какие-то баги, то смело пишите мне в личку/телеграм или в форму обратной связи.

Кстати, если вы через буфер обмена вставили в форму создания публикации текст из внешнего редактора с форматированием и что-то пошло не так, то есть кнопка очистки форматирования.

Не теряю надежд, что в будущем новый редактор обзаведётся ещё и функцией спелл-чекера.

2. Уровни сложности публикаций

У авторов публикаций появилась возможность указать один из трёх уровней сложностей, который все читатели увидят ещё из ленты: это поможет заранее понять, что ждёт внутри. Вместе с этим обновлением у каждой статьи появился такой показатель, как примерное время прочтения.

Более подробно об этом можно почитать в блоге
Более подробно об этом можно почитать в блоге

3. Ссылки в подписях изображений

Теперь в подписи к картинке можно добавить кликабельную ссылку — например, для более красивого указания копирайта, источника, для ссылки на полноразмерное изображение или на спец-предложение. Пример смотрите в предыдущем пункте.

4. Markdown-режим для создания публикаций

В новом редакторе наконец-то появилась поддержка markdown-режима, который включается на странице создания публикации. Более подробно читайте о нём в отдельной публикации.

Меню смены режима написания публикации Получился режим «со вкусом старого редактора» — в него можно скормить как код из старой публикации (в котором сплошной HTML), так и голый markdown-код. Записал небольшую демку с двумя произвольными текстами:
Меню смены режима написания публикации

Получился режим «со вкусом старого редактора» — в него можно скормить как код из старой публикации (в котором сплошной HTML), так и голый markdown-код — с сохранением редактируемого исходника. Записал небольшую демку с двумя произвольными текстами:


Одной строкой

Традиционно были многочисленные фиксы багов и косметические изменения:

27 марта

  • ???? В редакторе публикаций появился полноценный markdown-режим!

  • ???? Улучшили отображение уменьшенных изображений в ленте

  • ???? Сделали панель метрик в публикациях более плавной

  • ???? Поправили индикатор новых публикаций в ленте для вертикальной iPad-версии

23 марта

  • ???? Исправили причину возникновения отрицательного рейтинга у пользователей

  • ???? Улучшили механизм вставки изображений из Google Docs через буфер обмена

15 марта

  • ???? Исправили замыленность аватаров на retina-дисплеях

  • ???? Добавили поддержку свайпа по тачпаду для просмотра историй

  • ???? Исправили сохранение фильтра новостей

10 марта

  • ???? В мобильной версии счётчик новых комментариев превратился в точку

  • ???? Исправили переключение языка в Android-приложении

  • Улучшили отображение опросов в панели администрирования тарифа «Гигант+»

9 марта

  • ✏️ Починили возможность редактирования постов после окончания подписки блога

  • ???? Поправили отображение формул в публикациях

3 марта

  • ???? Добавили в новом редакторе возможность вставить ссылку в подписи изображения

  • ???? Доработали алгоритм подсчёта количества символов в WYSIWYG-редакторе

  • ???? Исправили стили отображения спойлера

  • ???? Выровняли отображение счётчика подписчиков в панели администрирования компаний

  • ???? Поправили скролл на странице редактирования публикации с блоками кода

22 февраля

  • ???? Добавили ссылку для бейджа «Из песочницы»

  • ???? Исправили выравнивание по вертикали кармы и рейтинга на странице профиля пользователя

  • ???? Поправили отступ между блоком Истории и блоком с вакансиями

  • ???? Починили поведение хоткея «Т» на страницах публикаций

  • ???? Исправили в диалогах перекрытие меню телом диалога

20 февраля

  • ???? Добавили функцию опросов для тарифа «Гигант+»

16 февраля

  • ???? Починили вывод даты публикации у мегапроектов

  • ???? Исправили 500 ошибку на странице пользователя

  • ???? Некорректное название кнопки «Воздержаться» в опросах английской версии

  • ???? Починили пагинацию для уровней сложности 

8 февраля

  • ???? Поправили вёрстку бейджика о непрочитанных сообщениях в мобильной версии

  • ⚓️ Исправили появление плюс-контрола в редакторе после вставки якоря

6 февраля

  • ???? Добавили публикациям уровни сложности и время прочтения

  • ???? Обновили поисковый движок

1 февраля

  • ???? Добавили функцию уведомлений в админку корпоративных блогов

  • ???? Исправили отображение даты в карточке компании

  • ???? Сделали закрытие модальных окон через стандартный контрол андроида

  • ???? Добавили возможность убрать населённый пункт из профиля

  • ???? Убрали из типографа правило про замену точек в числах

  • ???? Устранили «склеивание» типографом рядом стоящих слов

  • ???? Исправили работу хоткеев

30 января

  • ???? На страницах новостей появился блок «Другие новости» (в самом низу)

  • ???? Не работал предпросмотр публикации в старом редакторе

  • ???? Не показывались лейблы в ленте публикаций пользователей старой версии

26 января

  • ⭐️ Добавили функцию типографа в новый редактор

  • ???? Починили вставку параграфов в ячейки таблиц

  • ???? Поправили вёрстку комментариев под мегапроектами

  • ???? Починили пустую плашку при ответе на комментарий для readonly-пользователей

  • ???? Изменили цвет индикатора новых сообщений (с синего на красный)

24 января

  • ???? Улучшили получение данных по контактам пользователей и компаний с Хабр Карьеры

19 января

  • ???? Добавили кнопку «Показать ещё» в блоке «Лучшие за сутки»

  • ???? Сделали обратный pull-to-refresh для обновления диалога

  • ???? Починили отображение саджеста меншена в редакторе

  • ???? Починили навигацию с клавиатуры для длинных абзацев с картинкой после них

  • ???? Починили отображение списка публикаций в админке компаний с закончившейся подпиской

  • Обновили цены и изменили контент на странице «Продление подписки»

12 января

  • ???? Добавили в редактор кнопку очистки форматирования

  • ???? Добавили поддержку клавиш Esc и Enter в модальном окне размещения публикации

  • ???? Починили отображение бейджа сезона на мобилках ленте 

  • ???? Починили копирование новой аббревиатуры

Более оперативно изменения можно отслеживать на отдельной странице.


Нашли опечатку в тексте? Выделите и нажмите CTRL/⌘+Enter

Комментарии (38)


  1. foxyrus
    00.00.0000 00:00

    Почему нет (или не нашел) возможности выделенный текст, например, превратить в заголовок?


    1. inzeppelin
      00.00.0000 00:00
      +5

      Оно есть, можете делать вот так:

      Добавьте # в начало текста и нажмите пробел — получится заголовок первого уровня.

      Так же работает, например, для цитат >[space]текст


  1. SpectrumOS
    00.00.0000 00:00
    +21

    Кажется, этот вопрос задавали тысячу раз, но я спрошу ещё раз, чтобы напомнить. Когда планируется тёмная тема?)


  1. Dekmabot
    00.00.0000 00:00
    +4

    Релиз здорового человека, спасибо вам! За маркдаун — два плюса в карму. За уровни сложности — ещё один. За тёмную тему заготовил грузовик плюсов)


  1. micronull
    00.00.0000 00:00
    +11

    А про тёмную тему уже спрашивали? Если нет, то подскажите пожалуйста, будет ли тёмная тема? Спасибо!


  1. Iscander_Che
    00.00.0000 00:00
    +4

    Можно перенести уровень сложности, время чтения и количество просмотров вниз, рядом с голосами. закладками и комментариями? В классическом виде ленту читать невозможно, от четырёхэтажных заголовков статей в глазах рябит. А в компактном виде нет картинок из статей, на которые мне, визуалу, привычнее ориентироваться, чтобы понимать, какой материал я уже видел, а какой - ещё нет. И хабов, к которым статья относится, тоже не видно.


  1. Aquahawk
    00.00.0000 00:00
    +11

    мобильной версии счётчик новых комментариев превратился в точку

    Зачем, скажите мне, зачем вы отбираете функционал у мобильно версии? Например посмотреть состав оценки коммента нельзя в мобильной версии, хотя казалось бы, что сложного кликнуть на цифру и видеть попап?

    Мобильная версия она что поражённая в правах? Ущербная? Почему тогда вы решаете "разгружать" интерфейс выпилом функционала?

    И Хабр, молю, сделай уже нормальные диалоги, чтобы в профиле или боковой менюшке была ссылка на ответы. Сходите и посмотрите как это сделано на Пикабу. Я уверен что от реализации этой фичи вырастет активность в комментах, потому что сейчас участвовать в несколькиз диалогах больно. И уведомления на email это не то, это лучше чем ничего, но этого недостаточно. Просил об этом много лет, разок даже @Boomburum писал что грядёт масштабная переделка диалогов, но так и нет способа пробежаться по новым ответам на мои комменты.


    1. Art3
      00.00.0000 00:00
      +15

      Точка новых комментариев отвратительна! Раньше можно было сразу понять, стоит ли возвращаться в тему, насколько продвинулось обсуждение, а теперь, черт пойми сколько там новых комментов: 1 или 100. Наверное, кто то будет проверять, но не я.


      Зато добавили какие то бессмысленные "уровни сложности", молодцы дизайнеры


  1. wataru
    00.00.0000 00:00
    +8

    А Трекер-колокольчик уже починили в новой версии? Киллер фича, из-за которой я и многие другие пользователи остались на старой версии.


  1. Dmitry_Dor
    00.00.0000 00:00
    +3

    Делать пробелы неразрывными в следующих случаях:…
    … между группами цифр в многозначных числах, по три цифры справа налево, начиная с пятизначных чисел: 2 132 128 байт
    Oops…


    1. Boomburum Автор
      00.00.0000 00:00
      +1

      А сейчас? ) Текст публикации я изначально не прогонял через типограф ))


      1. Dmitry_Dor
        00.00.0000 00:00
        +7

        А сейчас?
        А сейчас нормально ????
        Текст публикации я изначально не прогонял через типограф
        Иллюстрация работы типограф, сделанная без использования типограф...????


        1. Boomburum Автор
          00.00.0000 00:00
          +1

          Иллюстрация работы типограф, сделанная без использования типограф

          Факир был пьян, фокус не удался )


  1. BigBeaver
    00.00.0000 00:00
    +13

    Что угодно, только бы трекер не чинить.


  1. skozharinov
    00.00.0000 00:00
    +3

    Это так должно выглядеть?
    Это так должно выглядеть?


    1. Boomburum Автор
      00.00.0000 00:00

      Моя ошибка — в разделе про типограф я вставил нетипографленный текст :) Сейчас поправил и всё должно работать как описано.


  1. Desprit
    00.00.0000 00:00

    Могу сказать, что точно НЕ поменялось: мобильная версия как была надругательством, так им пока и остаётся.


    1. BigBeaver
      00.00.0000 00:00
      +3

      А в десктопной на новую версию уже можно пытаться смотреть, или лучше еще лет пять на старой посидеть?


  1. andreymal
    00.00.0000 00:00
    +12

    В мобильной версии счётчик новых комментариев превратился в точку

    И это причина, из-за которой я переключился на старую версию даже на мобильнике. Я готов терпеть отсутствие адаптивной вёрстки, но не отсутствие важнейших для меня фич


    1. Akr0n
      00.00.0000 00:00
      +10

      Мне тоже не мешал, а помогал счётчик с цифрами, зачем эта точка? Экономим 5 пикселей?


  1. ris58h
    00.00.0000 00:00
    +6

    В мобильной версии счётчик новых комментариев превратился в точку

    Вот это раздражает. На десктопе хоть понятно где статья, комментарии к которой я ещё не читал (это когда  N+N).


  1. vconst
    00.00.0000 00:00
    +1

    Сделали закрытие модальных окон через стандартный контрол андроида

    Можно сделать их закрытие по клику вне окна диалога? Чтобы не искать этот мелкий крестик


  1. ElenaSotnikova
    00.00.0000 00:00
    -2

    Очень много изменений сделали, молодцы! Обожаю Хабр.Только писать сюда больше не буду)))


  1. IsUnavailable
    00.00.0000 00:00
    +2

    А прям вот настолько длинные дефисы между цифрами в телефоне должны быть?


    1. Boomburum Автор
      00.00.0000 00:00

      Поднял вопрос с коллегами — решили оставить как есть ) И вот почему: телефон можно указать множеством способов, один из них — с дефисами, который сложно отличить от диапазонов, то есть в какой‑то степени тут «типографический конфликт». Но телефоны указывают в текстах не так часто, как, например, диапазоны чисел (где используется короткое тире), которые есть почти в каждой научно‑популярной статье. Поэтому всё же сделали выбор в пользу диапазонов. Получается, для номеров телефонов типограф скорее вредный, чем полезный, но если вспомнить, что типограф опциональный, то вроде как не очень страшно :)


  1. Mike-M
    00.00.0000 00:00
    +4

    Спасибо, особенно за типограф ????

    между группами цифр в многозначных числах, по три цифры справа налево, начиная с пятизначных чисел: 2 132 128 байт
    Продолжая эту цитату из Вики, «типографские правила требуют ставить здесь укороченный пробел». Да и смотрится он лучше по сравнению с обычным неразрывным пробелом:
    2 132 128 байт
    2 132 128 байт
    Просьба поправить. Тег узкого неразрывного пробела &_#_8239_; (без подчеркиваний, разумеется).

    То же, кстати, касается и сокращений:
    внутри сокращений используется узкий пробел («и т. д.», «т. е.», «н. э.» и т. п.);

    Типографу недостает еще пары пунктов:
    • сокращения типа «Т. е.» в начале предложения преобразуются в их полные варианты («То есть»)
    • вместо «м2», «см3» и т. п., используются показатели степени: м², см³

    ???? Обновили поисковый движок
    Но в результатах поисковой фразы «компьютерное кресло» по-прежнему куча статей с заголовком про компьютерные игры…
    Когда реализуете опцию «строгий поиск»?


    1. inzeppelin
      00.00.0000 00:00
      +2

      Спасибо!

      типографские правила требуют ставить здесь укороченный пробел

      «Т. е.» в начале предложения преобразуются в их полные варианты

      Возьмем в работу. @Nomad_77 Посмотришь?

      вместо «м2», «см3» и т. п., используются показатели степени: м², см³

      А вот тут не очень просто. Например, «винтовка м16» или «макбук м2» не получится однозначно преобразовать в степень.


      1. Nomad_77
        00.00.0000 00:00
        +2

        Возьмем, спасибо


    1. vconst
      00.00.0000 00:00

      Вообще есть старый добрый скрипт для Индизайна, там все эти правила учтены, построен на рег-экспах и причесывает русские тексты очень хорошо. Если интересно, могу скинуть


      1. Boomburum Автор
        00.00.0000 00:00

        Кидай, кашу маслом не испортишь :)


        1. vconst
          00.00.0000 00:00

          Чел, который много лет делал этот скрипт — стал им торговать: https://dotextok.ru/allscripts/besplatnye/dotextok-podgotovka-teksta-k-vjorstke


          Бесплатный и относительно свежий, но не знаю насколько рабочий:
          https://www.dropbox.com/s/7m4x4lhrmrjfm23/DoTextOK%2307.02.2023.zip


          Довольно древний, но правила верстки то не поменялись:
          https://github.com/Mikhail-Ivanyushin/DoTextOK


          Вот тут просто голые рег-экспы, я ими сейчас пользуюсь в индизе:
          https://www.artdesigner.ru/blog/grep-indesign/
          Лучше их гляньте, может что интересное найдете


  1. dolovar
    00.00.0000 00:00

    Исправили причину возникновения отрицательного рейтинга у пользователей
    — Ура, больше не будут возникать отрицательные рейтинги у пользователей!
    — Ты не понял, не устранили причину, а исправили, она теперь будет лучше работать.
    — Ой, всё.


  1. Wallhead
    00.00.0000 00:00
    +3

    Точка вместо количества комментов это очень не удобно, из-за этого теперь не захожу в комменты статей, которые уже читал так как не понятно сколько их добавилось 1 или 10((


  1. moroz69off
    00.00.0000 00:00

    Дорогие Друзья!
    Что-то неладное творится с заголовками статей в рассылке ХАБРа...
    Кто ещё, кроме меня замечал?
    Конкретно, что я имею в виду:

    Вселенная существовала
    Вселенная существовала
    Сети проложены
    Сети проложены

    Что это?!

    Хабр, ответь! Не связано это с новыми модными штучками?
    А то, на фоне нововведений, эти ошибки (явно текстовые обработки) кажутся совершенно нелепыми. Не заигрались вы с ИИ?


    1. Boomburum Автор
      00.00.0000 00:00

      Вы про прерывистое подчёркивание? Пришлите в личку подробности, если что.


      1. moroz69off
        00.00.0000 00:00

        прерывистое подчёркивание

        Шутите? Я в двойное и волнистое подчёркивание умею. А уж про подчеркивание Д, Ц, Щ даже дети знают.

        Написал в ЛС.


  1. Suvitruf
    00.00.0000 00:00
    +1

    Маркдаун — это очень хорошо ????


    1. moroz69off
      00.00.0000 00:00

      Плохо когда Марк — даун.