{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":41,"offset":0,"style":"BOLD"},{"length":13,"offset":173,"style":"BOLD"}],"text":"Рисовать диаграммы вручную — прошлый век. Если вы работаете с большими схемами, регулярно обновляете процессы или просто хотите ускорить создание профессиональных диаграмм, XML в Draw.io — ваш мощный инструмент.","type":"unstyled","key":"an34a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":25,"offset":0,"style":"BOLD"}],"text":"Зачем писать XML вручную?","type":"header-two","key":"6u6vi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Автоматизация — генерируйте схемы кодом, а не мышкой.","type":"unordered-list-item","key":"fsqb6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"Масштабирование — легко править сложные диаграммы без перерисовки.","type":"unordered-list-item","key":"2mb69"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"Интеграция — встраивайте генерацию в свои скрипты и CI/CD.","type":"unordered-list-item","key":"5vtj7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"Кому пригодится?","type":"header-two","key":"a0a79"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Разработчикам, которые документируют архитектуру.","type":"unordered-list-item","key":"3a0pd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"Аналитикам, работающим с BPMN и UML.","type":"unordered-list-item","key":"2mpj3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"DevOps-инженерам, визуализирующим инфраструктуру.","type":"unordered-list-item","key":"729m8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":16,"style":"BOLD"}],"text":"В этой статье — хард мод для тех, кто хочет выжать из Draw.io максимум. Без воды, только код и практические примеры. Поехали!","type":"unstyled","key":"33aus"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":0,"style":"BOLD"}],"text":"Инструкция с рабочим кейсом","type":"header-two","key":"a4fom"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"Подготовка","type":"header-three","key":"77kvn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"Откройте Draw.io (desktop или web-версия).","type":"unordered-list-item","key":"f5kcv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":9,"style":"BOLD"}],"text":"Создайте новый файл (или откройте существующий).","type":"unordered-list-item","key":"ekdeg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":16,"style":"BOLD"},{"length":4,"offset":27,"style":"BOLD"},{"length":10,"offset":34,"style":"BOLD"},{"length":3,"offset":47,"style":"BOLD"},{"length":11,"offset":56,"style":"BOLD"}],"text":"Переключитесь в XML-режим:\nФайл → Открыть из → XML (или Alt+Shift+X).","type":"unordered-list-item","key":"8s0ln"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":0,"style":"BOLD"}],"text":"2. Анализ структуры XML","type":"header-three","key":"s06k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":32,"style":"BOLD"}],"text":"Draw.io хранит диаграммы в виде XML-документа с ключевыми тегами:","type":"unstyled","key":"e4g5i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n \n \n \n \n \n \n","type":"blockquote","key":"bkggk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"ai914"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Основные параметры:","type":"unstyled","key":"64mff"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":0,"style":"BOLD"}],"text":"id — уникальный идентификатор.","type":"unordered-list-item","key":"2b30d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"parent — к какому слою относится элемент.","type":"unordered-list-item","key":"5hjai"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"vertex=\"1\" — это фигура (прямоугольник, круг и т.д.).","type":"unordered-list-item","key":"6b93i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"edge=\"1\" — это связь (стрелка).","type":"unordered-list-item","key":"d67db"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"style — определяет цвет, шрифт, форму.","type":"unordered-list-item","key":"8qfsg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":29,"offset":0,"style":"BOLD"}],"text":"3. Создание простой диаграммы","type":"header-three","key":"8fo06"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Пример: диаграмма из двух прямоугольников и стрелки.","type":"unstyled","key":"8sld"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n \n \n \n \n \n \n \n \n \n \n \n \n \n","type":"blockquote","key":"5b4dq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"ej5tf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Как вставить:","type":"unstyled","key":"dqksm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Скопируйте код.","type":"ordered-list-item","key":"cqi37"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":19,"style":"BOLD"},{"length":11,"offset":33,"style":"BOLD"}],"text":"В Draw.io откройте XML-редактор (Alt+Shift+X).","type":"ordered-list-item","key":"bhc6o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":15,"style":"BOLD"}],"text":"Вставьте код → Применить.","type":"ordered-list-item","key":"951ql"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"5. Правка и экспорт","type":"header-three","key":"1rrku"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"BOLD"},{"length":5,"offset":34,"style":"BOLD"},{"length":5,"offset":41,"style":"BOLD"},{"length":8,"offset":48,"style":"BOLD"}],"text":"Редактирование: меняйте параметры style, value, position прямо в XML.","type":"unordered-list-item","key":"5thgn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"},{"length":4,"offset":9,"style":"BOLD"},{"length":7,"offset":16,"style":"BOLD"}],"text":"Экспорт: Файл → Экспорт → PNG/SVG/PDF (или встраивайте XML в документацию).","type":"unordered-list-item","key":"daip4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"Заключение","type":"header-two","key":"f89kv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Преимущества метода:","type":"unstyled","key":"fs8rf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Скорость — массовое создание объектов без кликов.","type":"unordered-list-item","key":"1i7id"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Гибкость — тонкая настройка стилей и связей.","type":"unordered-list-item","key":"f2ihm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Версионность — XML можно хранить в Git.","type":"unordered-list-item","key":"6ktd7"},{"data":{"image":{"id":"67ff7cad7c0c2872e14b8dea"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"3s3sj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"cs4e7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Когда использовать:","type":"unstyled","key":"donac"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"При частом обновлении диаграмм.","type":"unordered-list-item","key":"64jab"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для интеграции с кодом (например, генерация архитектуры из Terraform).","type":"unordered-list-item","key":"5huqn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":11,"style":"BOLD"}],"text":"Если нужен хард мод вместо ручного рисования.","type":"unordered-list-item","key":"amf8l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Совет: Начните с малого — попробуйте изменить готовый XML из примеров, чтобы понять логику.","type":"blockquote","key":"2g2ob"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если нужно углубиться в конкретные теги или стили — спрашивайте в коменатариях!","type":"blockquote","key":"46o6r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"C8mzJJIx8KUc7xkQNq4f"}],"entityMap":{}},"mentions":[]}