• Авторизация


CKEditor. Добавление (загрузка) изображений с помощью кнопки расширенного редактора 08-07-2014 14:02 к комментариям - к полной версии - понравилось!


[показать]

Самое простое добавление изображения в любое место поста – с помощью кнопки расширенного редактора CKEditor (или FCKEditor). Для добавления изображения таким способом нужно поставить курсор в нужное место текста, нажать кнопку «Изображение», выбрать на компьютере файл и загрузить его.

Самое подробное пояснение загрузки картинок с помощью расширенного редактора Liveinternet

Нажмите ссылку «Написать в верхней панели» (1). Выберите один из расширенных (визуальных) текстовых редакторов: CKEditor или FCKEditor (2). Нажмите кнопку «Изображение» на панели текстового редактора (3).

[показать]

На рисунке внизу: 1 – кнопка «Изображение» редактора CKEditor, 2 – место, куда поставлен курсор мыши.

[показать]

При нажатии на кнопку «Изображение» откроется окошко «Свойства изображения». Выберите вкладку «Закачать» и нажмите кнопку «Обзор».

[показать]

Выберите нужное изображения (кликните на него левой кнопкой мыши) и нажмите кнопку «Открыть». Также можно просто дважды кликнуть на изображение, без использования кнопки «Открыть».

[показать]

Нажмите кнопку «Отправить на сервер»

[показать]

Сообщается, что файл загружен и был переименован каким-то образом. Например, в браузере Opera сообщение выглядит примерно так:

[показать]

Нажмите кнопку «ОК».

Откроется окошко «Информация о изображении», которое рассмотрим подробно.

[показать]

URL – временный адрес изображения на сервере сайта, который поменяется после публикации поста;
Альтернативный адрес – можете написать описание изображения, которое увидят поисковые роботы и пользователи, отключившие показ картинок в своем браузере;
Ширина и Высота изображения, можно менять по своему усмотрению. При этом, если использовать значок замка, то сохраняться пропорции, если нажать круговую стрелочку – размеры будут возвращены к исходным;
Бордюр – рамочка по краю картинки (ширина в пикселях);
Горизонтальный и Вертикальный отступы – расстояние от края картинки до соседних элементов (текста, других изображений и т.д.) по высоте и ширине поста;
Выравнивание – размещение картинки в тексте, слева, справа, по центру и так далее;
Preview – предпросмотр загруженной картинки.

Рекомендуется оставить всё, как есть. После настроек нажмите кнопку «ОК».

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

[показать]

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

Ниже, в блоке «Дополнительно», отметьте галочкой или снимите ее в пунктах «Подписать картинку» и «Разворачивать картинку».

[показать]

Нажмите кнопку «Опубликовать» для публикации поста в дневник или «В черновик» - для сохранения в черновик для дальнейшего редактирования.

[показать]

P.S. В мобильном liveinternet кнопки добавления выглядят примерно так:

[483x377]

вверх^ к полной версии понравилось! в evernote
Комментарии (7):
garder 21-08-2014-09:12 удалить
Большое спасибо за полезную информацию!
AsiLiA 28-08-2014-12:31 удалить
Вы написали хороший и подробный пост о добавлении фотографий, а как быть, если вертикальная фотография загружает горизонтально? :(
support 28-08-2014-14:52 удалить
AsiLiA, Подробно о «переворачивающихся фото» и как это исправить написано, например, в этом сообщении: http://bravedefender.ru/post294944138 Из эпиграфа: "Комментарии не читаются, вопросы нужно задавать в техподдержку. Для этого есть кнопка «Задать вопрос техподдержке» в верхней панели."
AsiLiA 28-08-2014-16:12 удалить
support, спасибо Вам за ответ, наверное все же стоит задать вопрос техподдержке. Да, я встречала это сообщение на просторах интернета. Самое интересное, что в папке они у меня выглядят так, как нужно. Хотя сейчас открыла фотографию в фотошопе и сохранила снова- проблем не было. Спасибо Вам большое!
Space-Cosmos 10-08-2015-02:17 удалить
не имею комПа.... "гружу" прям с телефона!
Исходное сообщение support Самое простое добавление изображения в любое место поста – с помощью кнопки расширенного редактора CKEditor (или FCKEditor). Для добавления изображения таким способом нужно поставить курсор в нужное место текста, нажать кнопку «Изображение», выбрать на компьютере файл и загрузить его. Самое подробное пояснение загрузки картинок с помощью расширенного редактора Liveinternet Нажмите ссылку «Написать в верхней панели» (1). Выберите один из расширенных (визуальных) текстовых редакторов: CKEditor или FCKEditor (2). Нажмите кнопку «Изображение» на панели текстового редактора (3). На рисунке внизу: 1 – кнопка «Изображение» редактора CKEditor, 2 – место, куда поставлен курсор мыши. При нажатии на кнопку «Изображение» откроется окошко «Свойства изображения». Выберите вкладку «Закачать» и нажмите кнопку «Обзор». Выберите нужное изображения (кликните на него левой кнопкой мыши) и нажмите кнопку «Открыть». Также можно просто дважды кликнуть на изображение, без использования кнопки «Открыть». Нажмите кнопку «Отправить на сервер» Сообщается, что файл загружен и был переименован каким-то образом. Например, в браузере Opera сообщение выглядит примерно так: Нажмите кнопку «ОК». Откроется окошко «Информация о изображении», которое рассмотрим подробно. URL – временный адрес изображения на сервере сайта, который поменяется после публикации поста; Альтернативный адрес – можете написать описание изображения, которое увидят поисковые роботы и пользователи, отключившие показ картинок в своем браузере; Ширина и Высота изображения, можно менять по своему усмотрению. При этом, если использовать значок замка, то сохраняться пропорции, если нажать круговую стрелочку – размеры будут возвращены к исходным; Бордюр – рамочка по краю картинки (ширина в пикселях); Горизонтальный и Вертикальный отступы – расстояние от края картинки до соседних элементов (текста, других изображений и т.д.) по высоте и ширине поста; Выравнивание – размещение картинки в тексте, слева, справа, по центру и так далее; Preview – предпросмотр загруженной картинки. Рекомендуется оставить всё, как есть. После настроек нажмите кнопку «ОК». Изображение вставится в то место поста, где находился курсор – его всегда можно переместить, при желании. Если нужно, повторите загрузку для других изображений, которые хотите вставить в текст поста. Ниже, в блоке «Дополнительно», отметьте галочкой или снимите ее в пунктах «Подписать картинку» и «Разворачивать картинку». Нажмите кнопку «Опубликовать» для публикации поста в дневник или «В черновик» - для сохранения в черновик для дальнейшего редактирования. P.S. В мобильном liveinternet кнопки добавления выглядят примерно так:
Спасибо очень полезная информация!!! [406x285]


Комментарии (7): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник CKEditor. Добавление (загрузка) изображений с помощью кнопки расширенного редактора | support - Записки сотрудника | Лента друзей support / Полная версия Добавить в друзья Страницы: раньше»