{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Виталий Филатов: заметки с тегом гугл-доки",
    "_rss_description": "Меня зовут Виталий Филатов. Я коммерческий писатель, помогаю бизнесу рассказывать о себе и продукте. Пишу и редактирую статьи, инструкции, текст сайтов и интерфейсов. Люблю работать в команде с дизайнерами и разработчиками.",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/www.vitalyfilatov.ru\/tags\/gugl-doki\/",
    "feed_url": "https:\/\/www.vitalyfilatov.ru\/tags\/gugl-doki\/json\/",
    "icon": "https:\/\/www.vitalyfilatov.ru\/user\/userpic@2x.jpg?1613163987",
    "author": {
        "name": "Виталий Филатов",
        "url": "https:\/\/www.vitalyfilatov.ru\/",
        "avatar": "https:\/\/www.vitalyfilatov.ru\/user\/userpic@2x.jpg?1613163987"
    },
    "items": [
        {
            "id": "69",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/gdocs-hints\/",
            "title": "Абзац с отступом и иконкой в гугл-доках",
            "content_html": "<p>Иногда в текст нужно добавить примечание с отступом и иконкой. Это проще всего сделать списком с маркером-эмодзи:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/059-headpic.png\" width=\"1200\" height=\"630\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Примечание <a href=\"https:\/\/docs.google.com\/document\/d\/1nhI-dAwZUmjv-KSwIHOvL0XxKmFXozz_cLhZyleJgBM\/edit?usp=sharing\">в инструкции к Драйзеру<\/a><\/div>\n<\/div>\n<p>Выделяем текст примечания и делаем его маркированным списком.<\/p>\n<p>Кликаем правой клавишей по маркеру списка и выбираем «Другие маркеры».<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/059-other-markers.png\" width=\"940\" height=\"430\" alt=\"\" \/>\n<\/div>\n<p>В окне «Вставка специальных символов» ищем эмодзи по категориям или в строке поиска по ключевым словам в названии. Например, <i>bulb<\/i> (лампочка). Кликаем по нужному значку, он становится маркером списка.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/059-emoji-select.png\" width=\"810\" height=\"580\" alt=\"\" \/>\n<\/div>\n<p>Если потребуется второй абзац уже без иконки, отбейте тест вправо кнопкой «Увеличить отступ». По умолчанию он равен отступу списка.<\/p>\n<p>Расстояния до основного текста настраиваются в «Формат → Межстрочный интервал → Настройка интервалов». Посмотрите, какие интервалы у обычного абзаца и добавьте примечанию 2—3 пункта сверху и снизу.<\/p>\n<p><hr><\/p>\n<p>Для справки ещё два способа, но не таких удобных.<\/p>\n<p>Можно сдвинуть текст вправо, поставить эмодзи в начало строки, отбить пробелами и вынести за границу абзаца отступом. Но бывает сложно совместить начало строки с левой границей абзаца. Списки настраивать проще.<\/p>\n<blockquote>\n<p>Точные отступы абзацев и строк настраиваются в «Формат → Выравнивание и отступы», но если вы потом замените значок, всё может немного съехать.<\/p>\n<\/blockquote>\n<p>Ещё вариант сделать таблицу с двумя ячейками, в первую сунуть значок, во вторую — текст, выровнять ширину и скрыть рамку. Но это <s>изврат<\/s> громоздко и работать с таблицами в гугл-доке муторно.<\/p>\n",
            "date_published": "2021-07-18T18:39:19+05:00",
            "date_modified": "2021-07-18T19:10:15+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/059-headpic.png",
            "_date_published_rfc2822": "Sun, 18 Jul 2021 18:39:19 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "69",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/059-headpic.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/059-other-markers.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/059-emoji-select.png"
                ]
            }
        },
        {
            "id": "54",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/nevermore\/",
            "title": "Как вас подведут картинки из гугл-доков",
            "content_html": "<p>Никогда не вставляйте в блог, рассылку или базу знаний текст с картинками из гугл-дока. Эти картинки вставляются только по URL, и если исходный документ удалить, картинки тоже пропадут. Сохраняйте исходники и загружайте изображения отдельно. Восстановить их из удалённого документа не получится.<\/p>\n<p>UPD. В письма тоже не вставляйте.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/045-headpic.jpg\" width=\"1500\" height=\"940\" alt=\"\" \/>\n<\/div>\n<p>Для начала три истории из моей практики.<\/p>\n<p><b>Как бывает:<\/b> в компании всё пишут в гугл-доках. Маркетолог готовит статью с фотографиями, публикует её в корпоративном блоге, через полгода увольняется, а ещё через год кто-то заходит в статью и видит битые ссылки. Фотки приходится искать в архиве, заново обрабатывать и заливать.<\/p>\n<p>Или менеджер заливает в базу знаний инструкцию со скриншотами редких состояний. Скрины вдруг таинственно исчезают и оказывается, что их копировали сразу в уже удалённый документ, исходников не осталось, и всё приходится делать заново. Это особенно муторно, когда инструкция описывала сбор финансовых отчётов или управление базами данных, куда редактора не пускают. Приходится отвлекать компетентного сотрудника и заставлять его делать скриншоты вместо продуктивной работы.<\/p>\n<p>Из рассылки пропадают картинки, хотя они точно были в согласованных черновиках и в макете. Исходники восстанавливают, но заменить ссылки на картинки в уже отправленном письме невозможно. Выпуск рассылки остаётся с битыми картинками.<\/p>\n<p>Причины подобных ситуаций в неочевидной особенности работы гугл-доков с изображениями.<\/p>\n<p><b>Гугл-док это веб-страница<\/b>, которая хранит текст с оформлением и адреса картинок. Файлы картинок хранятся где-то в недрах Гугла и напрямую недоступны: их нельзя скопировать и вставить, как в Ворде.<\/p>\n<p>При копировании гугл-док отдаёт в буфер обмена html-код с текстом и адресами картинок. Сами картинки в новое место не копируются, а остаются в хранилище Гугла. Визуальный редактор Мейлчимпа или блога распознаёт разметку и отображает картинки, словно они перенеслись вместе с текстом. Кажется, что всё в порядке.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1500\" data-ratio=\"1.6759776536313\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/045-example-chimp.jpg\" width=\"1500\" height=\"895\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/045-example-ghost.jpg\" width=\"1500\" height=\"895\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/045-example-draizer.jpg\" width=\"1500\" height=\"895\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Результат вставки в Мейлчимп, блог на Ghost и самописный скрипт для чистки гугл-доков. В коде выделен адрес картинки, ведущий куда-то в Гугл<\/div>\n<\/div>\n<p><b>Картинки остаются на месте только пока документ жив.<\/b> Но если автор удалит документ за ненадобностью, его отключат от корпоративного домена Гугл Сьют или дата-центр Гугла заденет хвостом комета, документ исчезнет, а вместе с ним и картинки. Восстановить их будет невозможно.<\/p>\n<blockquote>\n<p>При отключении пользователя Гугл Сьют адреса его документов протухают, даже если админ назначит документам нового владельца.<\/p>\n<\/blockquote>\n<p>Чтобы картинки не зависели от гугл-дока, вставляйте их отдельно. Если визуальный редактор блога или базы знаний не умеет загружать и вставлять картинки при перетаскивании, придётся заливать их в облачное хранилище или публичную папку на сервере и вставлять по URL. Это хлопотно, но зато вы ничего не потеряете.<\/p>\n<blockquote>\n<p>Сохраняйте исходники картинок. Давайте файлам осмысленные имена и подписывайте картинки в документе, чтобы не путаться на вёрстке.<\/p>\n<\/blockquote>\n<p>Удобно подписывать картинки полным адресом. Это упрощает перенос текста в Конфлюенс. Теперь туда картинки из гугл-доков, к счастью, не попадают, приходится вставлять руками. С подписями это проще: идёте по тексту и копируете адреса в диалог вставки изображений. Можно написать скрипт и вставлять всё автоматом.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/045-image-name.jpg\" width=\"554\" height=\"369\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Изображение и его полный адрес на сервере<\/div>\n<\/div>\n<p>Проверяйте адреса картинок в опубликованных постах и страницах, особенно если работаете со сторонним автором. Если в адресах есть что-то про Гугл, просите исходники, копируйте их к себе на сервер и настаивайте, чтобы автор вставил картинки вашими ссылками или вложениями, если блог или база знаний так умеют.<\/p>\n<p>Соблюдайте эти простые советы, и ваш редактор не будет вопить, из-за того, что в иллюстрированной инструкции трёхлетней давности вдруг пропали скриншоты.<\/p>\n<p><a href=\"https:\/\/vk.com\/dottore_editore?w=wall12265022_8141\">Комментарии в ВК<\/a><\/p>\n<p><small>Хтонического ворона в начале статьи нарисовала <a href=\"https:\/\/www.instagram.com\/ulv_vind\/\">Ulv Vind<\/a>. Его зовут Эдгар.<\/small><\/p>\n",
            "date_published": "2020-06-22T03:04:01+05:00",
            "date_modified": "2021-02-14T03:02:49+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/045-headpic.jpg",
            "_date_published_rfc2822": "Mon, 22 Jun 2020 03:04:01 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "54",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/jquery\/jquery.js",
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/045-headpic.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/045-example-chimp.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/045-example-ghost.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/045-example-draizer.jpg",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/045-image-name.jpg"
                ]
            }
        }
    ],
    "_e2_version": 3877,
    "_e2_ua_string": "E2 (v3877; Aegea)"
}