Обновление: новый редактор постов

Алоха, пикабушники!

Этот пост я просто скопировал из черновика сразу со всем форматированием текста: картинками, списками и ссылками. И пост вставился без возни с отдельным добавлением медиаблоков. Просто Ctrl+C — Ctrl+V. И вы тоже теперь можете так делать, ведь сегодня появился новый редактор постов. Сейчас расскажем о нем подробнее.

Обновление: новый редактор постов Обновление, Пикабу, Редактор постов, Новости Пикабу, Гифка, Длиннопост

О новом говорить можно много, но лучше будет, если мы дадим самую важную информацию, а вы сами оцените, что к чему.

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

Хорошо, а что вообще нового появилось в редакторе?

  • Во-первых, теперь можно копировать пост из готового документа - и Пикабу сохранит все форматирование, все ссылки, все картинки. Выглядит это так:

Обновление: новый редактор постов Обновление, Пикабу, Редактор постов, Новости Пикабу, Гифка, Длиннопост
  • Разумеется, вы можете двигать блоки по своему усмотрению. Кстати, теперь можно разбивать полотно текста на мелкие абзацы. Получается такое:

Обновление: новый редактор постов Обновление, Пикабу, Редактор постов, Новости Пикабу, Гифка, Длиннопост
  • Текст можно форматировать так, как душе угодно. В вашем распоряжении следующие инструменты: подзаголовки, жирный и зачеркнутый текст, курсив, оформление гиперссылки, цитаты и спойлера, создание маркированного и нумерованного списков.

  • Медиаблоки теперь можно вставлять прямиком из буфера обмена, просто копировать-вставить:

Обновление: новый редактор постов Обновление, Пикабу, Редактор постов, Новости Пикабу, Гифка, Длиннопост
  • С видео все тоже очень просто. Хотите - добавляйте по-старому, через боковую кнопочку. Хотите - просто ссылкой в пост:

Обновление: новый редактор постов Обновление, Пикабу, Редактор постов, Новости Пикабу, Гифка, Длиннопост
  • Для удобства мы добавили поддержку горячих клавиш:

  1. Ctrl+i - курсив

  2. Ctrl+B - жирный текст

  3. Ctrl+shift+X - зачеркнутый текст

  4. Ctrl+alt+1 - заголовок 1

  5. Ctrl+alt+2 - заголовок 2

  6. Ctrl+S - сохранить черновик

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

Мы ждем ваши комментарии. Пишите, если заметите баги, пишите, если хотите предложить новую фичу для редактора - мы активно будем его развивать.

Огромная благодарность пикабушникам, помогавшим нам в тестировании (возможно, вы уже видели, что в некоторых постах были недоступные ранее функции). @AlexMurch, @FOOD.CHECK, @NightWoLFse, @Byushapsi, @Aver174, @tHorny.tRee, @Motormaniac, @NoAdO, @depotato, @Polyglot, @isprirody, @Little.Bit, @Ruki.V.Pakete, @Napisatel, @mamakerova, @AnanuyZalupeyko, @mamakerova, @Mircenall, @Zarkon, @ReinhardTheFox, @Zolik, @alexey.yushin, @Ryavknul, @MorGott, @klapaucjusz, @Slomailom, @SomebodyLikeMe, @Sonad - ребята, вы супер, без вашей помощи мы бы возились с редактором еще дольше.

Ну а на сегодня все. Пишите комментарии, ждем ваши отзывы и предложения в комментариях.

С вами был pikabu.

Успехов.

Новости Пикабу

160 постов4.1K подписчиков

Добавить пост
Вы смотрите срез комментариев. Показать все
Автор поста оценил этот комментарий

@SupportTech, вчера дико выбесил редактор) Один плохой опыт публикации из-за багов перекрывает к такой-то матери вообще весь нормальный опыт всех предыдущих публикаций.


Действие в трех актах

I. Гружу видео в 1080 https://disk.yandex.ru/i/8uQ9ghD_ZE-r8Q

Так и не понял, загрузилось или нет.

Вижу красную всплывашку с текстом кажется "Position out of range".

Нажимаю "Предпросмотр" > Нет реакции.

Может один раз из 10 предпросмотр и срабатывал, но видео там не было.

Думаю, ладно, может видео хреновое.

(UPD, скрин 1. После завершения всех мучений пробую загрузить в другом браузере: красная плашка збс информативная "Ошибка при загрузке видео", загрузка останавливается и частично заполненный прелоадер продолжает крутиться. Только с качеством 1080, с 720 вроде ок.)


II. Далее потратил 2+ часа, делая около 15+ разных версий видеофайла и пытаясь загрузить хоть одну. Все поддерживаемые форматы mp4 / avi / webm / mov, разное качество, кодеки, разрешения, размеры, соотношения, я перепробовал все.

Нажимаю "Предпросмотр" > Либо нет реакции, либо долго думает, либо многозначительное "Нет соединения с сетью".

Даже когда предпросмотр срабатывает, видео там все равно нет.


III. Сдаюсь и гружу видео на Ютуб.

Но и так предпросмотр толком не работает, как и в пункте 2. Видео с Ютуба в предпросмотре как не было, так и нет (скрин 2).

И сильно позже уже проверил в других браузерах, оказывается изначально была проблема в FF, потому что в Опере и Хроме вроде норм. Не ожидал такой подставы от FF.

Короче, не могу же я один страдать, прочувствуй мою боль)


Баги:

1. Странности предпросмотра в FF. То ли очень долго срабатывает, то ли не срабатывает. Не показывает видео (так-то, и картинки тоже).

2. Когда произошла ошибка при загрузке видео, его нельзя удалить. Приходится перезагружать страницу, заново переходить в черновик.

3. Снова FF. В редакторе фраза "от 2 до 20 тегов через запятую" противоречит действительности, теги не добавляются запятой.

Иллюстрация к комментарию
Иллюстрация к комментарию
раскрыть ветку (5)
Автор поста оценил этот комментарий

Привет. Предпросмотр, насколько я знаю, в процессе исправления должен быть

По поводу тегов в ФФ - можете подробнее? Через как они тогда в нем добавляются?

раскрыть ветку (2)
Автор поста оценил этот комментарий

Варианты-то есть, можно Enter'ом, можно мышкой выбрать. Даже если стереть запятую, тег добавляется. Но именно по вводу запятой добавление не срабатывает, в отличие от остальных браузеров)

Скринкаст https://disk.yandex.ru/i/I9vIsl45-IFkhw


P. S. Дополнение к багам. Не конкретизируется причина ошибки при загрузке видео. Вероятно, в моем случае проблема с выходом за лимит качества 720/1080.

раскрыть ветку (1)
Автор поста оценил этот комментарий

Принято, спасибо) Передам

Автор поста оценил этот комментарий

@pikabu, @perevertkinaa Очевидный UX

1.1. При переходе в редактор логично открывать последний черновик, который редактировал. Постоянно приходится переходить в черновики, выбирать нужный, устаешь от этого.

1.2. После удаления черновика приходится выбирать другой черновик, что тоже не несет особого смысла. Можно открывать черновики по времени сохранения: удалил, открылся предыдущий.


2.1. Если уже написал строку текста, как вызвать кнопку +, чтобы через нее добавить видео?

Ответ просто максимально неочевиден.

Это самый первый вопрос / проблема, с чем я столкнулся, когда начал пользоваться редактором.

Я на Пикабу почти 9 лет, в интернетах 15+ лет, за 3 недели так и не смог выяснить ответ.

Только вчера наконец понял: ОКАЗЫВАЕТСЯ, если нажать Enter, вместе с новой строкой появится и плюсик (под цифрой 3 на первом скрине). Чудеса.

Вариант решения: рядом с кнопкой перетаскивания блока показывать плюсик для медиа-контента.

Глядишь, люди узнают, что внезапно, тут еще и длиннопосты можно делать.

Я думаю, это может даже на метрики влиять, потому что Drag&Drop'ом пользуются не всегда, и далеко не все (особенно неопытные) разбираются как сделать длиннопост из-за такой казалось бы мелочи.


2.2. Неочевидно, что можно добавить медиа-контент. Пользователь может видеть в чужих постах как они добавляют фото/видео, может догадаться нажать маленький плюсик и увидеть микро-кнопочки фото и видео, может догадаться про Drag&Drop.

Но что видит пользователь, когда открывает редактор? Чистый лист. По факту, скрыты возможности добавления контента разного типа. Думаю, это особенно может влиять на новичков.

Раньше кнопки добавления фото-видео были всегда на виду.

Можно считать как гипотезу: что, если вечное отображение кнопок медиа-контента на виду как-нибудь повлияет на метрики в лучшую сторону? От сокращения времени на создание одного поста до увеличения процента постов с медиа-контентом, можно сравнить разные когорты, новичков и прочих.


3. Когда нажимаешь на видео в редакторе, оно постоянно выделяется целиком.

Пробел для паузы/воспроизведения удаляет видео.

Если это фича, то логичнее убрать просмотр загруженных видео в редакторе и оставить ее только в предпросмотре. Так хоть не будет соблазна нажимать пробел для паузы.


4. МВ. Если вынести кнопку предпросмотра из контекстного меню, разве это кому-то помешает? Она ведь и так в самом низу (скрин 2). Может хоть с низким приоритетом, но по-моему есть смысл сделать.

Станет удобнее, нет нужды в лишнем клике, и предпросмотр чаще использовать будут.

Глядишь, некоторые МВ-шники узнают, что такая функция вообще существует.


5. Если серия постов единственная, может имеет смысл сразу ее выбирать при нажатии "опубликовать в серию" ? Человек может так никогда и не создать вторую серию, остаться с единственной, но каждый раз приходится ее выбирать.

Хотя есть еще пункт 7 как суррогат.


6. Если человек часто публикуется в сообществе, логично держать его на виду в селекте сообществ. Как вариант, выводить даже если черновик вообще пустой. Можно поискать баланс между удобством публикации и рекомендацией новых сообществ.

Пункт 7 как суррогат.


7. Шаблоны постов. Как вариант, возможность настроить для каждой серии свой шаблон.

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

Вроде бы мелочь, но утомляет.


8. Если написать, затем стереть текст, не видно плейсходер "Используйте Shift+Enter для перехода на новую строку без отступа".

Если написать единственную строку текста, плейсхолдер в следующих уже не появляется.

Если добавить медиа-контент, потом плейсхолдер уже не появляется.

Очень неочевидно, что можно и дальше текст писать.

Раз дополнительная пустая строка всегда присутствует (ее ведь намеренно делали для удобства), то логично и плейсхолдер всегда показывать. Либо придумать другой способ подсветить "здесь можно ввести текст".

Иллюстрация к комментарию
Иллюстрация к комментарию
раскрыть ветку (1)
Автор поста оценил этот комментарий

Привет. Спасибо за развернутую обратную связь)

Вы смотрите срез комментариев. Чтобы написать комментарий, перейдите к общему списку