Skip to Content

Работа с изображениями

Вставка изображений осуществляется выбором иконки "Вставить/редактировать изображение" (). В появившемся всплывающем окне можно задать путь к любому изображению (в т.ч. и за пределами вашего сайта) и выбрать различные его параметры. Нажав иконку "Обзор" (), вы можете попасть в файловый менеджер, отображающий все пользовательские файлы (в том числе, изображения), загруженные на сайт. Добавить файл/изображение на сайт можно выбрав опцию "Загрузить". Если отметить файл/изображение в списке, а затем выбрать опцию "Send to tinymce", файловый менеджер автоматически отправит путь к выбранному файлу/изображению в окно вставки изображений редактора TinyMCE, вам останется только задать остальные параметры изображения и нажать кнопку "Вставить".

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

Необходимо иметь в виду, что вставка изображений большого размера может быть нежелательна, т.к. ширина изображения может превысить максимальную ширину страницы сайта, или же несколько изображений большого объема могут излишне увеличить общий объем страницы и затруднить её загрузку пользователем. Для решения данной проблемы рекомендуется размещать на странице сайта уменьшенные копии изображений (thumbnails), каждое из которых является ссылкой на изображение полного размера. Для автоматического создания уменьшенной копии изображения следует при использовании опции "Загрузить" в файловом менеджере указать "Create thumbnails", какого размера уменьшенную копию необходимо создать (90x90, 120x120 пикселей и т.д.). Либо вы можете заблаговременно создать уменьшенную копию изображения вручную (например, используя Adobe Photoshop) и загрузить её на сайт обычным образом. Затем изображение, вставленное в содержание страницы, следует сопроводить ссылкой на изображение полного размера (которое необходимо также загрузить на сайт).

Чтобы изображение «обтекалось» текстом, выделите изображение, затем кликните в главном меню иконку "Редактировать CSS стиль" (). В появившемся окне на вкладке Box необходимо задать параметр стиля "float: left" (если изображение находится в правой части текста, то "float: right"). Если желателен отступ между границей изображения и текстом, установите также параметр padding (например, слева: 10 pixels или справа: 10 pixels).

 

Содержание