1. Документация
  2. Для редактора сайта
  3. Редактирование
  4. Вставка изображений

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

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

Если в шаблоне блока предусмотрено специальное поле для вставки изображения, то данный процесс осуществляется просто.

Поле для закачки файла в Blox CMS Откройте окно редактирования записи. Найдите поле, соответствующее картинке (см. снимок) и выберите нужный файл на локальном компьютере.

Закачиваемое изображение должно иметь один из следующих форматов: jpg, gif, png.

Специальных настроек, как правило, делать не нужно — всё будет сделано автоматическии. Если в дескрипторе шаблона были заданы ограничения на габариты изображения, а закачиваемое изображение превышает их, то система управления изменит размеры изображения.

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

Вставка изображения через панель форматирования текста

Если в шаблоне блока изначально не предусмотрено поле для помещения изображения, то изображение можно вставить прямо в редактируемый текст.

  1. Откройте окно редактирования записи, в которой находится этот текст
  2. Поместите курсор в нужное место текста.
  3. Щелкните по кнопке "Изображение" Кнопка адреса изображения в Blox CMS в панели форматирования текста.
    Вид кнопки может отличаться в зависимости от подключенного редактора.
  4. Перейдите во вкладку "Загрузить". Выберите файл на вашем компьютере и щелкните по кнопке "Загрузить на сервер", а затем "OK".
  5. Если вы хотите изменить размер изображения и его расположение, выделите его кнопкой мыши, а затем щелкните по той же кнопке "Изображение". Откроется вкладка "Данные об изображении", в которой можно сделать необходимые настройки.

Универсальный способ вставки изображения в текст

Этот способ требует наличия FTP-доступа к папке доп. файлов: xfiles, а также знание HTML.

  1. Закачайте по FTP файл изображения (например: photo.jpg) со своего локального компьютера в папку xfiles.
    Для закачки файлов можно воспользоваться бесплатным FTP-клиентом FileZilla.
  2. В редактируемое поле вставьте фрагмент html-кода для закачанного изображения. В нашем примере нужно вставить: <img src="xfiles/photo.jpg" width="600">. C помощью атрибута width можно изменить ширину изображения.
    Если редактируемое поле является полем типа text, не забудьте переключиться в режим редактирования html-кода с помощью кнопки в панели форматирования текста (кнопка "Источник")

См. также