|
Как добавить в текст изображение
|
|
|
|
Изображение в текст, который Вы создаете в Открытом классе (будь то новость, объявление, комментарии, сообщение в блоге или форуме) вставляется одинаково. Так что, разобравшись с этим один раз, Вы сможете украсить свои тексты картинками.
- На странице редактирования создаваемого контента на панели инструментов нажимаем кнопку вставки изображения —
![Иконка вставки изображения](/sites/default/files/image/zalega/insert_picture/2.png)
![](/sites/default/files/ckeditor/161/images/%D1%80%D0%B8%D1%811.png)
- Автоматически откроется диалоговое окно Свойства изображения. Дальше логика такова — надо загрузить изображение в Открытый класс, а потом вставить его с сервера Открытого класса в редактируемый текст. Для начала, находясь на вкладке Данные об изображении необходимо нажать кнопку Выбор на сервере.
![](/sites/default/files/ckeditor/161/images/%D1%80%D0%B8%D1%812.png)
- В открывшемся диалоговом окне необходимо последовательно выполнить три действия: нажать ссылку Загрузка (1), далее кнопку Обзор (2), выполнить привычные действия по поиску файла на диске компьютера и нажать кнопку Загрузка (3).
![](/sites/default/files/ckeditor/161/images/%D1%80%D0%B8%D1%813.png)
- Загруженный на сервер файл вы будете видеть в виде подсвеченной строки в правой части диалогового окна, сам рисунок будет отображаться в нижней части диалогового окна. Для вставки изображения в редактируемый текст необходимо сделать двойной щелчок по имени файла.
![](/sites/default/files/ckeditor/161/images/%D1%80%D0%B8%D1%814.png)
- Появление в поле Предпросмотр изображения свидетельствует об успешной его загрузке. Теперь Вы можете ввести Альтернативный текст (краткое описание того, что изображено на картинке), при необходимости выбрать выравнивание изображения. При этом — если Вы выбираете выравнивание слева, то текст будет обтекать картинку справа и наоборот — если Вы выбираете выравнивание изображения справа, то текст будет обтекать картинку слева. Если Вам не надо, чтобы текст обтекал изображение, ничего не меняйте в этом поле. Также для редактирования доступны изменения ширины и высоты рисунка (с сохранением пропорций - замок - или с отсутствием таковых), наличия или отсутствия контура - границы изображения, горизонтального и вертикального отступов. После нажатия кнопки ОК изображение будет установлено на редактируемой странице текста.
![](/sites/default/files/ckeditor/161/images/%D1%80%D0%B8%D1%815.png)
|
|
|
|
|
|
|
|
|