Запросить демо
Запросить демо
Документерра: руководство пользователя

Встраивание диаграмм

В системе Документерра в онлайн-документацию можно вставлять диаграммы. Мы поддерживаем внешние программы для построения диаграмм, такие как draw.io, Lucidchart и Gliffy.

Вставка диаграмм draw.io

  • Зайдите на draw.io и откройте файл диаграммы.
  • В верхнем меню выберите ФайлВстроитьконтейнер IFrame.
    Откройте файл диаграммы в draw.io и нажмите кнопку контейнера iframe, чтобы скопировать разметку
    Примечание
    Также в качестве способа встраивания можно выбрать SVG. При этом следующие шаги остаются прежними.
  • Скопируйте сниппет HTML, сгенерированный draw.io.
  • На портале Документерра откройте страницу для редактирования и нажмите Вставить Пользовательский HTML в верхней панели.
    Кнопка настройки HTML на в верхней панели
  • Вставьте в диалоговое окно разметку, скопированную с сайта draw.io, и нажмите кнопку ОК.

Вставка диаграмм Lucidchart

  • Откройте диаграмму в Lucidchart.
  • Выберите в главном меню ФайлВстроить.
    Откройте диаграмму в Lucidchart и нажмите кнопку встроить, чтобы скопировать разметку
  • Скопируйте сниппет HTML, созданный в Lucidchart.
  • На портале Документерра откройте страницу для редактирования и нажмите Вставить Пользовательский HTML в верхней панели.
    Кнопка настройки HTML на в верхней панели
  • Вставьте в диалоговое окно разметку, скопированную с сайта Lucidchart, и нажмите кнопку ОК.

Вставка диаграмм Gliffy

  • Откройте диаграмму в Gliffy.
  • Нажмите кнопку Поделиться.
    Откройте диаграмму в Gliffy и нажмите кнопку «Поделиться»
  • Выберите «Встроить».
  • Выберите «Настройку» и скопируйте ссылку.
    Нажмите кнопку «Настроить» в Gliffy и скопируйте ссылку
  • В меню в системе Документерра перейдите на вкладку Вставка и нажмите Пользовательский HTML.
    Кнопка настройки HTML на в верхней панели
  • Вставьте ссылку как показано на скриншоте и нажмите ОК.
    Вставьте скопированную ссылку диаграммы в поле «Вставить HTML»