Инструкция по применению - Актуальный редактор ЖЖ
1. Коллаж из символов ЖЖ Френка и Мистера капусты
Очень минималистично выполненный, с маленькими не напрягающими менюшками, и с очень большим функционалом...
Который, как оказалось, не всем понятен! Некоторые люди зачастую пишут, что в новом редакторе «нельзя сделать то», «нельзя сделать это», начинаешь объяснять, получаешь в ответ «о, так это было оказывается просто», «ух ты, оно работает!»
Вот я и решил написать этот пост!
Чтобы не рассказывать каждому в отдельности...
Начнём с истории!
Я в ЖЖ с 2007 года, потому, как там было до меня не знаю...
Когда я пришёл в #ЖЖ, тут был html-редактор, а так как в то время я ещё занимался web-разработкой (параллельно с основной работой), то меня это устроило, ведь человеку знающему html, css, php, java, sql и прочие непонятные многим слова и аббревиатуры, абсолютно не проблема форматировать текст тегами во время написания постов, тем более, что писал я мало, всё больше фотки публиковал...
Даже слоган моего журнала звучит вот так:
«Краткость - сестра таланта» © А.П. Чехов
«Пишу мало, всё больше фотки» © NickFW
Стоит заметить, что в ЖЖ существует и старый визуальный редактор, но им я никогда не пользовался, от слова - СОВСЕМ!
И вот, однажды, в 2017 году, появляется beta-версия нового редактора.
«Ну, появилась и появилась...»
(сказал бы tema Лебедев)
А я упорно продолжал писать в старом, то и дело читая посты «матёрых блогеров» про то, что «новый редактор - ...овно»...
Первый пост написанный мной в новом редакторе, был фотоотчёт:
« Фото с LJmeetUp от 5 июля 2019г. с того, что про Чернобыль...»
Именно там, на этом мероприятии, Наташа nely_snork Арефьева, убедила меня попробовать начать писать в новом редакторе...
И я втянулся, мне это действительно понравилось, просто излагать свои мысли, не отвлекаясь на лишние нажатия клавиш, для вбивания html-кода.
Ну что, поехали разбираться?
В «новом редакторе», лично Я, могу выделить следующие основные моменты, которые надо знать, притом они легко и быстро запоминаются.
Лично мне они интуитивно понятны, и я с ними разобрался сам, без какой либо посторонней помощи:
- Основное меню редактора;
- Дополнительные меню для текста и фото;
- Нижняя панель.
Остальное вторично, ибо всё остальное ещё проще и понятней!
Основное меню:
Когда ты пишешь в новый редактор, то начиная новый абзац, слева от пустой строки, появляется иконка открытия основного меню, в виде плюсика в круге.
Если ничего не делать, а просто начать писать новый абзац, то она исчезнет, а вот нажав на неё (превращается в крестик), получаешь доступ к меню:
2. Анимированный gif основного меню
1. «Добавить фото с компьютера»
2. «Добавить видео с компьютера»
Думаю с первыми двумя пунктами и так всё понятно, могу лишь сделать одно уточнение: фотографии/видео будут сохраняться в альбомы по умолчанию с названием «default», лично меня это не всегда устраивает, но позже можно разложить всё по тем альбомам по которым хотите, потому, в основном, я загружаю фотогафии в альбом, а потом их вставляю из альбома в пост!
3. «Добавить медиа из альбома»
Касается заранее загруженных видео или фото, на видеохостинг или фотохостинг ЖЖ, соответственно:
3. Коллаж - меню добавления медиа из альбома (видео и фото) - кликабельно [1364*801px]
4. «Добавить медиа из instagram»
Если ты не авторизован в инсте, то сначала система предложит пройти авторизацию, а уже после откроется окно добавления фотки, или видео:
4. Скрин окна добавления медиа из instagram
На самом деле, так получится добавлять только свои посты из инстаграма встраиваемыми объектами. Однако, это можно делать гораздо проще и не только из своей инсты, а и из чужой!
Надо скопировать саму ссылку! Возьму для примера из инсты Александра Жоголева более известного в ЖЖ как 3ojlotou (Саша, с тебя причитается, за «рекламу», учти потом когда-нибудь при разливе! :-))
вставляемая ссылка
Начать новую строку в редакторе, вставить туда текст ссылки и просто нажать клавишу «Enter», со ссылкой которую я привёл в цитате, вышло вот что:
https://instagram.com/p/CLBh6f2Iurg
Ссылка тут же превратилась в «embeded» - встроенный объект.
Тем же способом можно добавлять фотографии:
вставляемая ссылка
Ссылка превращается в фото, надо только описание добавить...
5. Натюрморт "Незапланированный подарок" из поста: https://nickfw.livejournal.com/486265.html
А ещё так можно добавлять видео из ютуба (естественно по короткой ссылке).
5. «Добавить код или ссылку»
Сюда можно добавить всё то, что я уже перечислил, и получить тот же эффект. А ещё можно встраивать объекты которые сопровождаются html-кодом (естественно не все!), никто не даст встраивать Java-скрипты (да их и в html-редакторе хоть за вставляйся, движок их будет игнорировать), не дадут встроить и таблицы...
Зато можно встроить карты, например с гугла:
вставляемый html-код
А вот с яндекс.карт сейчас это сделать несколько сложнее, ибо для встраивания раньше, яндекс использовал только тег