Обновленный редактор постов iXBT.com/live

Всем привет. Возможно, вы заметили, а может и нет, но на iXBT.live мы сделали небольшой фейслифт. Он еще не закончен, поэтому пока расскажу о том, что уже доделано — новом редакторе. 

Нажмите, чтобы развернуть
Поехали

Базовые вещи про новый редактор

Выглядит он теперь так. 

Я перечислю все существующие кнопки, хотя некоторые из них и очевидны. 

  1. Кнопка Redo (вернуть ранее отмененные изменения)
  2. Кнопка Undo (отменить последнее изменение)
  3. Выделение текста жирным (можно использовать Ctrl+B)
  4. Выделение текста курсивом (можно использовать Ctrl+I)
  5. Подчеркивание текста (можно использовать Ctrl+U)
  6. Выравнивание текста по левому краю
  7. Выравнивание текста по середине
  8. Вставка цитаты
  9. Вставка ссылки
  10. Убираем ранее вставленную ссылку
  11. Нумерованный список
  12. Ненумерованный список
  13. Вставка Youtube
  14. Вставка картинки
  15. Очистить оформление
  16. Выбор оформления:  Обычный, Моноширинный, Заголовок 1, Заголовок 2, Заголовок 3
  17. Вставка таблицы
  18. Включить или отключить режим показа блоков
  19. Восстановление автосохраненного черновика

Теперь давайте пройдемся по самым интересным штукам. 

Вставка Youtube

Больше никаких кодов. Просто вставляем ссылку на видео. Принимаются ссылки вида https://www.youtube.com/watch?v=XXXXXXX и https://youtu.be/XXXXXXXX

Вставка и редактирование картинок

Картинки можно вставлять непосредственно с компьютера, или «вытягивать» из интернета.

Обратите внимание также на выпадашку «размер превью».  Там можно выбрать, например, «Ширина 1/2», если вам нужна картинка не на всю ширину. Вы можете также отредактировать размер позже, выделив картинку, а потом нажав на картинку правой кнопкой и выбрав пункт «изображение» (обратите внимание на то, что левой кнопкой выделять картинку обязательно).  Картинка шириной меньше «обычной» всегда выравнивается по левому краю. Картинка «обычной» ширины всегда выравнивается по центру. 

Работа с таблицами

Также мы обновили работу с таблицами, стало удобнее. Можно сразу задать размеры нажатии на выпадашку. 

К таблице также можно в любой момент добавить столбцы, удалить их, и так далее. Просто поставьте курсор в одну из ячеек, и у вас появится дополнительное меню для редактирования. Если вы вставляете таблицы откуда-то из сторонних источников, не забудьте нажать на кнопку «очистить форматирование», чтобы избежать странностей в отображении. 

Показ границ HTML блоков

По умолчанию в редакторе включен показ HTML блоков, он поможет вам разобраться, почему ваша запись отображается не совсем так, как предполагалось (подсказка — чаще всего это происходит после копирования из другого источника, нажмите кнопку «очистить форматирование».

Восстановление черновика

Раз в три минуты ваш пост сохраняется в локальное хранилище браузера. Если случилось что-то нехорошее (например,  упал браузер, или отключили свет), то при следующем открытии окна добавления или редактирования поста вы сможете восстановить ваш пост. Обратите внимание, что автосохранение действует лишь на сам текст поста. Для того, чтобы точно не потерять никакую информацию, нажимайте кнопку «Сохранить в черновиках».

 

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

Об авторе
Отвечаю за техническую часть блогов ixbt.com
Пишите в личку или на e-mail mp на ixbt.com
+10 0 4055 71
Автор mpanius Рейтинг +74.95 Сила 185.39
Блог Новости проектов iXBT.com 23 55 RSS

71 комментарий

Zloi
Как раз пишу обзор в новом редакторе, пока все нравится. Особенно то, что после ввода не кидает в начало статьи :) Мне не хватает кнопки, которая преобразует статью (текст и картинки) в html код. Если нужно потом сделать куда-то репост, то это усложняет жизнь. Так же не вижу сполера, иногда бывает нужен, что бы скрыть кучу не очень, но нужных скриншотов или даже целого раздела.
По-хорошему обнова чисто косметическая. А хотелось бы больше функциональностей. Например, что бы фотки перетягивать прямо в редактор, как на оверах. Но это я наверное размечтался))
GhostNetwork

Ответ Zloi на комментарий
Как раз пишу обзор в новом редакторе, пока все нравится. Особенно то, что после ввода не кидает в начало статьи :) Мне не хватает кнопки, которая преобразует статью (текст и картинки) в html код. Если нужно потом сделать куда-то репост, то это усложняет жизнь. Так же не вижу сполера, иногда бывает нужен, что бы скрыть кучу не очень, но нужных скриншотов или даже целого раздела.
По-хорошему обнова чисто косметическая. А хотелось бы больше функциональностей. Например, что бы фотки перетягивать прямо в редактор, как на оверах. Но это я наверное размечтался))


Да. HTML вида действительно не хватает. Удобная функция
Раньше он был. Надеюсь снова паявится.
Последний раз редактировалось
mpanius
Будет, чуть позже. И перетягивание. На этой нежделе доправка багов )
GhostNetwork
Возможно, вы заметили, а может и нет

Сложно такое не заметить :)
Последний раз редактировалось
115575810470510293840@google
Огромное спасибо. Новы редактор — это, чего не хватало данному блогу, однако редактора HTML действительно катастрофически не хватает.
Последний раз редактировалось
Bezbod
Не понравилось то, что изменили соотношение сторон обложек. Теперь они все обрезанные и смотрятся рагульно.
mpanius
У них теперь зато постоянное отношение сторон, а не переменное :)
Zloi
Ну можно же сделать было хотя бы 16:9, а не эти полоски.
mpanius
Полоски из-за старой конвертации. Новые будут лучше (видно по свежему посту).
Zloi
Да действительно, тогда вопросов нет :)
P.s А у меня одного теперь новые комментарии цветом не выделяются?
Последний раз редактировалось
mpanius
Надо сделать, что-то попячилось
GhostNetwork
Ещё было бы неплохо адаптировать редактор для экрана смартфона.
Не всегда есть под рукой ноутбук. Бывает удобно, прямо со смартфона внести какие-то правки в обзор.
S3MKi
Пишу обзор, сделал таблицу. В нее вставил фотки. А вот как опуститься ниже таблицы? Если кликать за таблицу в нижнем правом углу и нажимать Enter, то делается обзац в ячейке таблицы, а не за таблицей. Ну надеюсь понятно объяснил. В итоге перед созданием таблицы приходится после текста нажимать пару раз Enter, писать любой текст и потом уже между этими двумя кусками текста вставлять таблицу. А нижний текст редактировать и писать что надо.
mpanius
Больше не нужно расставлять фотографии в таблице — просто делаете фотографии соответствующего размера (в посте написано. как).
С багом про «опуститься ниже таблицы» — нужно рассказать тип и версию браузера
S3MKi
Firefox 63.0.3
mpanius
В нижней строчке нажмите стрелочку «вниз». Или стрелочку «вверх» в верхней. На клавиатуре, да.
GhostNetwork
Сделайте чтобы можно было вставлять gif анимацию без танцев с бубном.
В обзоре который разместил сегодня, несколько часов пытался как-то «впихнуть» две анимации. Но все напрасно.

P.S Не знаю, может только у меня так. Но не работает загрузка загрузка полноразмерных фото. Все картинки получаются в низком разрешении.
Последний раз редактировалось
mpanius
Исправлена загрузка полноразмерных фото
GhostNetwork
Только что проверил. Не работает. Все так же нет возможности сделать полноразмерные фото.

Браузер хром.
mpanius
Обновите браузер со сбросом кеша
Waldemarik
Редактор стал получше, но почему-то зеленые кнопки в гиперссылках не вставляются. А внешнее оформление сайта по-прежнему хромает…
Syncaine
Тип ссылки «кнопка» не работает, в редакторе добавляется кнопка, но после сохранения становится обычный ссылка.
mpanius
Исправлена кнопка «ссылка»
Syncaine
Не, даже убрал ссылку и снова сделал, все равно после сохранения кнопка становится ссылкой.
mpanius
Обновите страницу со сбросом кеша
Nintendo
А куда делись подборки с боковой колонки? теперь их вобще не увидеть нигде чтоли?
Nintendo
Кстати у меня кнопки «обновить» и «подняться вверх страницы» не работают.
(те которые справа в нижнем углу нарисованы.
Браузер файрфокс 63.0.3
malimana
с анимациями я так понимаю покончено? вставки кода видео в любом формате уже не помогают(
Makcimko
YouTube успешно вставляется. Напишите, пожалуйста, параметры браузера, платформу, с которой вставляете видео и обновляли ли со сбросом кэша
malimana
Ненене, я не про ютуб. Ранее была возможность вставлять анимацию путем вставки кода, раздел которой находился во пункте добавить видео. Теперь, когда вставляешь код анимации он просто исчезает из редактора. Без вставки гиф анимаций многие обзоры частично теряют смысл, далеко не многие пользовали запускают вообще видео. К примеру, вот код Хостинг картинок yapx.ru, который я вставлял ранее и он удачно загружался, соответственно анимация автоматически воспроизводилась без всяких манипуляций (нажатий на картинку и т.п). Сейчас ее невозможно вообще загрузить)

Таак, что за чудеса)) почему то в коментариях все работает, а в редакторе обзоров как не пытайся не получается(
Последний раз редактировалось
malimana
нашел способ вставки анимации, надо просто из комментариев гифку перетащить прямиком в обзор при редактировании)
Nintendo

Ответ malimana на комментарий
нашел способ вставки анимации, надо просто из комментариев гифку перетащить прямиком в обзор при редактировании)

А как анимацию вставить в комментарии? Расскажите пожалуйста.
malimana
Загружаем гифку на https://yapx.ru и копируем код плеера из вкладки «HTML и BB код» прямо в комментарий.
Nintendo
Не совсем по редактору вопрос.
Рейтинги.
Вот смотрите. Стрелки под статьей и стрелки рейтинга автора. Почему они расположены по разному? Тоесть я ставлю плюс статье, ниже ставлю плюс автору, а это оказывается минус. С чего это стрелка вниз означает плюс автору?
animato
Поддержу, тоже хотел поставить плюс, а влепил минус zloy_Angel
Сделайте направления стрелок единообразно. В частности я поставил минус в блоке под статьёй перед отзывами. Понижение рейтинга идёт со стрелкой вверх, а вокруг везде наоборот.
Кстати автору этой статьи тоже поднял рейтинг аналогичным способом…
Так что как подправите — можете убрать у себя один минус и у zloy_Angel тоже.
Последний раз редактировалось
Antdest
Друзья, можно пожелание?
Очень неудобно, что датой поста является момент создания черновика, а не время его первой публикации. Из-за этого приходится верстать и публиковать сразу. Если процесс прервать и вернуться на следующий день к сохраненному черновику, то после публикации в ленте он пойдет уже вчерашним днем и будет погребен под более свежими постами.
И если раньше систему можно было обойти путем копирования HTML-кода из старого в новый пост, то сейчас и этого уже нет.
A-Gugu
А когда можно будет вставлять картинку простым пейстом в поле ввода, как это сделано, например, в Фейсбуке?
zloy_Angel
Мне новый редактор понравился, нет этого тупого броска в начало. спасибо! Про картинки не в таблице а просто меньшего размера прочитал только после того, как навставлял в таблицу… Ну да и ладно

Добавить комментарий