Обновления в редакторе статей

blogger blogspot статьи блог

В Blogger, как и в любой другой нормальной CMS, есть WYSIWYG редактор. С его помощью редактируются посты (сообщения, статьи) в двух режимах:
  • в графическом ("Создать")
  • в текстовом (т.н. "Изменить HTML")

Первый (What You See Is What You Get, получаешь то, что видишь) придуман для новичков и лентяев. На самом деле исходник страницы состоит из html тегов, а подобные редакторы просто преобразуют действие в код. Я в подавлющем большинстве случаев пользуюсь вторым вариантом, но некоторые действия (например, маркированный список из многих пунктов) муторно выписывать вручную, и тогда я переключаюсь в "визуальное редактирование".

Отступление...
Есть ещё категория юзеров, которые пишут посты в MS Word'е, что крайне не рекомендуется делать, так как ворд замусоревает код лишними тегами. Лучше скачать и настроить какую-нибудь программу-редактор для HTML.

В процессе развития Blogger, как сервиса со встроенным движком на хостинге, WYSIWYG редактор менялся не однократно. В последние месяцы изменения носили только визуальный характер, т.е. менялся внешний вид, однако я замечал, что в режиме "Создать" жирное выделение выполнялось тегом strong вместо b, но эту фишку очень быстро убрали (наверху сошлись во мнениях, что Google любит тег b больше, чем strong).

А вот на неделе изменения коснулись вставки изображений в статью.

Получается такая картина ↓

Режим Создать (выбираем маленький размер и выравнивание по центру):

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj380mQjEA9Y-KMkY_tTagXaxvndTasnzS1mnTTwNUgYDYZ9Xxt1CU7zbc_LJkBkcEHPuRx2v_eVrvpwKGfZio_OaCXzzlxqAMePrN3Ny0NuOcibbKEQoJ4lN2Kgqw5C-rN8qVa9_qxexK-/s1600/Comment+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj380mQjEA9Y-KMkY_tTagXaxvndTasnzS1mnTTwNUgYDYZ9Xxt1CU7zbc_LJkBkcEHPuRx2v_eVrvpwKGfZio_OaCXzzlxqAMePrN3Ny0NuOcibbKEQoJ4lN2Kgqw5C-rN8qVa9_qxexK-/s1600/Comment+2.png" /></a></div>

Выше мы видим прижившийся вариант: контейнер (div с классом separator), стиль с заданным выравниванием и картинка (превью, thumbnail), заключённая между тегами a с линком на полноразмерный вариант (для создания "кликабельного изображения").

Режим Изменить HTML (аналогичные действия: размер и выравнивание):
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixuA5sv-rAoybOsBU-4-uDDWk1COTF-njYuOsXB1w6tleJWZHQ7rkPOmxRi3WaG0DZn0vfeP9zAgBYjab0WyjVfFWy2xfbiSvORRwQoM9c2lGnylt_9Ssvbyw8KKrdf1PN9O01fMBK5cF6/s1600/futubra-logo123.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixuA5sv-rAoybOsBU-4-uDDWk1COTF-njYuOsXB1w6tleJWZHQ7rkPOmxRi3WaG0DZn0vfeP9zAgBYjab0WyjVfFWy2xfbiSvORRwQoM9c2lGnylt_9Ssvbyw8KKrdf1PN9O01fMBK5cF6/s200/futubra-logo123.png" width="200" /></a>

Но результат отличается. Контейнер упразднён, остались только картинка и ссылка (тег а). Ещё недавно оба варианта выдавали один и тот же результат (аналогичный первому примеру). Это справедливо как для старой, так и для новой админки. По крайней мере у меня так.

И ещё админка как-то невежливо обращается с тегом br, но это, надеюсь, носит временный характер.

9 комментариев:

  1. интересно, сразу и не заметишь.

    ОтветитьУдалить
  2. Я однозначно ленивая)))) Пользуюсь только визуальным редактором и крайне редко HTML.

    Но в последнее время меня жутко бесит, что курсор пропадает в редакторе, приходится перезагружать страницу.
    Может кончено причина не в блоггере, а в глюках ноута.

    ОтветитьУдалить
  3. Привет. Видно, что ремонт закончил, раз в блоге появился :)

    Я тоже сегодня писал статью о Bing и заметил эти изменения с картинками.

    Но ты конечно великий шаман, смог из это сделать полноценную статью ;) Я как то не додумался.

    ОтветитьУдалить
  4. Нет, курсор у меня не пропадает. Это бага на стороне клиента.
    Ремонт не закончил, жду когда мне балкон начнут перестраивать. Раньше жил с лоджией и не подозревал, сколько гемороя связано с балконом на последнем этаже из-за отсутствия нормальной крыши в виде плиты.
    Полноценную статью можно сделать из чего угодно, вот тут некоторые про Bing умудряются писать).

    ОтветитьУдалить
  5. А больше ничего в blogger на неделе не менялось? Просто уже пару дней не могу зайти на сайты на платформе blogger с доменном 2 уровня, захожу только через прокси.

    ОтветитьУдалить
  6. Это ваш субпровайдер или провайдер заблокировал доступ к адресам блогспота. Типа борятся с экстремистскими сайтами, которых в Блогспоте уже несколько (на деле большие ГС).
    Поскольку не у всех провайдеров работают грамотные или добросовестные администраторы, то вот и просиходит такая хрень: не открываются блоги.
    Вот причина проблемы.
    Вот похожий случай.

    ОтветитьУдалить
  7. @aldous
    Большое спасибо за ответ, буду связываться провайдером.

    ОтветитьУдалить
  8. Ура, Гугл вернул вставку изображений "как было", т.е. сразу вставляется контейнер. А то я уже привык, а прописывать руками и переключаться между режимами как-то неудобно.

    ОтветитьУдалить