Вставка изображений

При создании онлайн-документации в системе Документерра можно добавлять различные изображения к контенту страницы: иконки, скриншоты, GIF-анимацию, схемы и т.д.

• Вставьте изображение с вашего ПК
• Вставка изображения из файлового хранилища Документерры
• Изменение вставленного изображения
• Отключить автоматическое изменение размера

Вставка изображений осуществляется в режиме редактирования страницы. Чтобы войти в этот режим, нажмите кнопку Блокировать и редактировать в правом верхнем углу экрана. Изображения можно вставлять как с ПК, так и использовать те изображения, которые уже хранятся в файловом хранилище Документерры. 

Вставьте изображение с вашего ПК

• На вкладке Вставка панели инструментов найдите Изображение в группе Мультимедиа.
  
  
• Щелкните элемент Изображение. Откроется диалоговое окно Вставить изображение.
  

• Перетащите изображение из файлового менеджера в область перетаскивания в диалоговом окне Вставить изображение.  
  
  

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

  	Примечание
  Чтобы начал действовать параметр Обтекание изображения текстом, необходимо также выбрать параметр Положение.

• Настройки стиля позволяют добавлять поля, границы и назначать CSS-классы.
  

• Нажмите OK.

Вставка изображения из файлового хранилища Документерры

• На вкладке Вставка панели инструментов щелкните Изображение в группе Мультимедиа. Откроется диалоговое окно Вставить изображение.
• В левой части окна вы увидите файлы, которые находятся в папке текущего проекта в Файловом хранилище Документерры.  
  
  
• Найдите нужное изображение и нажмите на него один раз — справа появится окно его предпросмотра.  
  

• Чтобы задать дополнительные параметры для изображения, щелкните по ссылке Показать параметры вверху.
• Нажмите OK.

Изменение вставленного изображения  

После того, как вы вставили изображение на страницу справки, вы можете изменить его параметры — размер, границы, само изображение и т.д. Для этого дважды щелкните по изображению в контенте страницы — откроется диалоговое окно Изменить изображение, в котором можно заменить изображение на другое, либо изменить его параметры.

То же диалоговое окно свойств можно открыть, щелкнув по изображению и нажав кнопку Свойства на главной панели инструментов в режиме Дизайн.

Отключить автоматическое изменение размера 

Чтобы избежать горизонтальной прокрутки для широких элементов, таких как таблицы, изображения, видео, контейнеры iframe, элементы встраивания и т.д., в системе Документерра есть функция автоматического изменения размера. При изменении размера окна браузера или открытии документа на устройствах с другим разрешением экрана размер вышеназванных элементов также изменяется автоматически.

При необходимости отключить эту функцию для элемента, добавьте атрибут data-ch-no-autosize="true" в HTML-код. 

Например, если код вставленного изображения выглядит следующим образом:

<img src="/resources/Storage/Documentation/Screenshots/Image1.png" alt="Image1"/>

Вы должны изменить его на следующее, и изображение не будет автоматически изменено:

<img src="/resources/Storage/Documentation/Screenshots/Image1.png" alt="Image1" data-ch-no-autosize="true"/>

Наверх