Инструкция: как пользоваться новым редактором в iXBT Live

Пост опубликован в блогах iXBT.com, его автор не имеет отношения к редакции iXBT.com
| Гайд | Новости проектов iXBT.com | iXBT.com

Сегодня мы обновили редактор в iXBT Live. Сразу уточню, что для старых публикаций будет работать старый редактор. А вот для всех последующих — уже новый. Он быстрее, проще, лучше, ну и просто красивее. Давайте же скорее посмотрим, что он умеет. Отмечу, что сохранение в черновики, предпросмотр и прочие функции работают точно так же, изменился только сам редактор, в котором создаётся текст публикации.

Блоки

Основное, что нужно знать при работе с новым редактором, — это что он блочный. Каждый блок — это параграф текста, заголовок, картинка, галерея, список, таблица и т.п. И блоки можно передвигать и менять друг с другом местами. Нужно вам передвинуть картинку повыше — пожалуйста. Нужно текст разбить на две части и поменять их — пожалуйста. Делается это максимально просто. У каждого блока есть кнопка с 6-ю точками слева. Если нажать на неё, появится меню этого блока, где есть кнопки со стрелочками для перемещения.

Параграф

Самый стандартный блок — это Параграф. Он же обычный текст. Добавляется он просто по нажатию Enter, ну или если нажать плюсик слева в редакторе и выбрать Параграф. Да, попасть в это меню можно ещё по нажатию Tab.

Текст в параграфе может быть обычным, жирным, курсивом, подчёркнутым, ну или ссылкой.

А ещё параграфу можно менять тип и конвертировать его в Цитату, Заголовок или Список.

Заголовок

С заголовками всё ещё проще. Они создаются через кнопку со значком плюса, клавишу Tab на клавиатуре или через конвертирование из Параграфа (см. предыдущий раздел). Они бывают трёх уровней. Всё как в старом редакторе. Для основных заголовков в материале используется первый, H4. Если нужно разделение на подзаголовки, то есть уровень H5 и H6. Выбрать их можно через меню блока с 6-ю точками.

Списки

Как и все предыдущие блоки, создаются списки через кнопку с плюсом, клавишу Tab или конвертирование из Параграфа. Всего есть два вида списков: нумерованный и ненумерованный. В принципе, их отличие только в том, стоят перед пунктами списка цифры или точки. Менять тип списка можно через кнопку с 6-ю точками. А вот если нужно выделить что-то жирным, курсивом или подчёркнутым, то нужно просто выделить текст и появится контекстное меню с соответствующими кнопками.

Цитата

Ещё один тип текстового блока — это Цитата. Да, он создаётся точно так же, как и все предыдущие. В нём есть поле для текста цитаты и для автора. Если вам нужно написать, что сказал Илон Маск про новую Tesla, используйте этот формат блока.

Таблицы

Переходим от текстовых блоков к более сложным и интересным. И начнём с таблиц. Они создаются так же, как и всё остальное, но тут можно добавлять и удалять строки и столбцы через кнопки с плюсиками у таблицы или кнопки с 4-мя точками. А также выбирать отображение С шапкой или без (это когда верхняя строка становится заголовком таблицы), выбирается это через кнопку с 6-ю точками у всего блока с таблицей.

 

Фото и Галерея

Многие знают, как тяжело было загружать картинки в старом редакторе. Мы решили это. Теперь вы можете загрузить картинку, перетащив её из папки на вашем компьютере, добавив блок Изображение и нажав на кнопку Выберите изображение, и даже вставив ссылку на картинку (если предпочитаете заливать все картинки куда-то к себе на сервер, а потом хотите напрямую загружать их в блоги iXBT).

И да, мы сделали галерею! Теперь вы можете выбрать блок Галерея и загрузить несколько изображений туда. Если нужно выводить изображения в ряд, то просто используйте кнопки с + и — справа от галереи. Они позволят настроить сетку так, как вам нужно (до 5 изображений в ряд).

P.S. Если вы заметите какие-то ошибки в новом редакторе, смело пишите мне в личные сообщения, будем решать.

Компании: iXBT.com
Автор не входит в состав редакции iXBT.com (подробнее »)

48 комментариев

87638502@vkontakte
Возможности вставки с других видеохостингов прикрутите.
Kuuuzya
Уже сейчас работает вставка с YouTube. Про остальное думаем.
87638502@vkontakte
В этом и проблема, мне нравится делать озвучку или видео к своем статьям, но злой ютуб иногда чудит.
Kuuuzya
Вам нужен рутьюб или что?
87638502@vkontakte
Не нужно так радикально. Зен видео, вк видео, любое главное.
Kuuuzya
Нет, любое работать не будет. Скажите сервисы, которые нужны, под них сделаем вставку.
Rutube уже включили, ВК сделаем.
S
А как можно настроить главную страницу этого технологического сайта, чтоб не отсвечивали бложики с дзена о тестировании бургеров, посадке картошки и поездкам по золотому кольцу?
Kuuuzya
Блоги iXBT — это не технологический сайт. Внутри блогов вы можете настроить ленту с помощью кнопки Настроить ленту.
ДОК
Блоги iXBT — это не технологический сайт.

ааа, ну понятно. единственное место, где для того, чтобы вернуться со страницы назад при помощи мышки, кнопку «back» нужно жать несколько раз и при этом еще смотреть, в каком месте экрана в этот момент находится курсор
Kuuuzya
Здорово, что вам понятно. Мне из вашего комментария ничего не понятно. У вас какие-то проблемы при работе с интерфейсом?
ДОК
Здорово, что вам понятно. Мне из вашего комментария ничего не понятно. У вас какие-то проблемы при работе с интерфейсом?

кнопка «назад» на мышке на этом ресурсе срабатывает только с 2-3 раза. ни на одном сайте больше с таким не сталкивался. или у вас у мыши только ЛКМ и ПКМ?
Копилка находок
Странно, не замечал такого. Мышка Zelotes C-18.
Kuuuzya
Понятия не имею, я не пользуюсь кнопками Назад на мышке, если вас это интересует. У меня для этого есть хоткеи на клавиатуре, они отрабатывают. Сейчас попробовал с мышки, Logitech MX Vertical, тоже всё ок.
S
Тем не менее эти блоги висят на главной странице технологического сайта ixbt.
114156124632434171883@google
Тем не менее эти блоги висят на главной странице технологического сайта ixbt.

В подразделе лайв
https://www.ixbt.com/live/
Kuuuzya
С пометкой, что это блоги ;) Вы можете не открывать посты, если вы не хотите их читать
bit_chef
благодарю, сейчас протестим)
Zloi
А видео как вставлять? С того же Youtube например…
Kuuuzya
Просто вставить ссылку на ролик ютуб в текст, редактор тут же обработает и вы увидите ролик.
blackburn
Выглядит действительно практичнее и удобнее. Затестим…
Kuuuzya
Придётся немножко привыкнуть, да.
narmattaru
момент с добавлением картинки через вставку url неочевиден из текста выше. так-то надо просто вставить урл и картинка появится (что удобно). но у вас это не указано, можете добавить выше, кому-то да пригодится?
из того что сейчас показалось неудобным: раньше мог выделить блок текста, нажать на кнопку списка и он становился
списком. теперь все строчки надо попунктно туда перетягивать через вставку.
и так и не нашёл как сделать содержание. ну то самое, со ссылками на главы в тексте.
з.ы. помнится таблицы с картинками уже были. и ругали что таблицы хреново отображаются с мобильных устройств.
сейчас этой проблемы нет? можно смело 3*3 матрицу лепить, верстка не собъётся?
upd. вставил картинку, под ней принудительно поле «подпись». это обязательно?
и можно ли включить пунктиром контуры блоков как в предыдущем редакторе?
а так-то за новый редактор спасибо. работа идет и это хорошо.
Kuuuzya
Про списки — да, пока проще всего добавить список и внести в него данные. Проблему понял, пока не обещаю, что решим, но попробуем.
Таблиц с картинками не будет. Да, можете делать галерею 3х3, мы ещё поднастроим отображение, но всё будет ок.
Поле подпись необязательное, но крайне желательное. Там можно дополнительно указывать, что видит пользователь на картинке. Иногда в обзорах авторы просто закидывают десяток картинок с разных сторон, заставляя юзера разбираться самому, что он видит и зачем ему это нужно. Впрочем, можно ничего не указывать, да.
Нет, контуры блоков мы придумывать не будем. Сейчас вы видите текст так, как он будет выглядеть для читателей, и это максимально нативно. Но если непонятно, где заканчивается один и начинается другой, я подумаю о подсветке.
s
Я через мобильный телефон не могу вставить ссылку: открываю нужный редактор, вставляю ссылку, нажимаю энтер, но ссылка не добавляется.
Kuuuzya
Ссылка добавляется не так. Вам нужно выбрать текст, который вы хотите сделать ссылкой, затем выделить его, нажать на кнопку Ссылка (в инструкции выше есть скриншот) и вставить ссылку на сайт.
s
Да, я так делал. После вставки ссылки на телефоне нажимал энтер и все пропадало, а выделенный текст оказывался без ссылки. Способ работает, если подключить к телефону Bluetooth-клпаиатуоу и после вставки ссылки, как и сказано в подсказке, нажать Ctrl + K.
nefer
Не получается вставить видео с Дзена. Ни ссылкой, ни кодом :(
Kuuuzya
Мы не делали вставки видео с Дзена. Сейчас сделана вставка с YouTube и Rutube.
nefer
Я и говорю, проблема :(
114156124632434171883@google
Хотелось бы иметь возможность вставить пост из твиттера (и других соц сетей)
Kuuuzya
Эти соц.сети заблокированы на территории РФ, поэтому вставка из них на данный момент неактуальна.
87638502@vkontakte
Очень неудобно, когда в редакторе при создании галереи весит отступ для третей картинки, а тебе нужны только две. Очень путает и мешает ориентироваться в структуре материала.
Kuuuzya
Где он у вас висит? Если справа, то это значит, что у вас 3 картинки в ряду. Если снизу, то сверху вы будете видеть два изображения. Ну мы не можем кнопку загрузки убрать куда-то, как вы себе это представляете?
87638502@vkontakte
Необходимо как-то решить проблемы с двойными пробелами, а то либо я стал слепым или отступ уменьшился слишком сильно.
Kuuuzya
Не делайте двойные пробелы и всё будет хорошо.
SandroOmega
Как делать ссылку на заголовок не добавляя в статью содержание?
Kuuuzya
Добавить ссылку на #toc_header0
Где 0 — порядковый номер заголовка в материале, начиная с 0.
Kuuuzya
Проще добавить содержание. Или добавить содержание и посмотреть там ссылку.
WalksnTravel
Подскажите, можно ли вставить видео из Дзена ?? Если нет, то планируется ли в будущем такая возможность ?? Очень было бы полезно. Может можно вставить как нибудь через код ??
Ш
«Школа программирования» (http://www.iicenter.ru/mpl/) приглашает к обучению всех желающих изучить современное программирование для компьютера!
«Школа программирования» (http://www.iicenter.ru/mpl/) приглашает к обучению студентов!
«Школа программирования» (http://www.iicenter.ru/mpl/) приглашает к обучению школьников!
Ш
Посмотрел. Неплохо. Просто, удобно и функционально.
Рекомендую ВСЕМ, кто хочет повысить квалификацию по программированию для компьютера.
А также студентам и школьникам.
E
Здравствуйте.Помогите, пожалуйста, удалить аккаунт.
dima0782
что значит кнопка Реклама под редактором?
113235302286114852088@google
Очевидно, что пометка для рекламного поста. Как в YouTube плашка «на правах рекламы».
106052836849095875180@google
Круто. Жал что нельзя взять Ссылку из интернета картинки без Сохранения на пк и вставить в статью и оно само бы прописала бы откуда взято и автор. А так круто. Спасибо
Meticulous
Опять всё сломали!
1) Посты не встают после отправки. Только после перезагрузки страницы появляются комментарии.
2) Не подгружаются в некоторых новостях комменты.
3) Перестали приходить уведомления на почту.

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

Сейчас на главной

Новости

Публикации

За гранью предела Гринвальда: ученые преодолели барьер на пути к термоядерной энергии

Термоядерная энергия, энергия звезд, издревле манит человечество. Это практически неисчерпаемый источник чистой энергии, способный решить энергетические проблемы нашей планеты. Одним из наиболее...

Содержание нескольких питомцев: взвешиваем все «за» и «против»

Можно спокойно жить с одним котом или собакой, а можно завести целый «зверинец» и наслаждаться ежедневной суетой. Мы все разные, и у каждого есть свои представления об идеальных питомцах и их...

Сода в саду и на огороде: когда она спасает урожай, а когда становится врагом

Сода — это не просто средство для выпечки или чистки дома; она обладает множеством полезных свойств, которые можно эффективно использовать в саду и огороде. Этот белый порошок способен...

Экономим время и место: Микроволновая печь Harper HMW-20ST04

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

Математика квантового мира: как «трансряды» помогают понять туннелирование

Мир, который мы видим, осязаем, ощущаем — это лишь вершина айсберга. Под поверхностью привычного скрывается квантовый мир, царство парадоксов и загадок. Здесь частицы ведут себя как...

От нейтрона к аксиону: как «недостатки» физики помогут разгадать тайну темной материи

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