-Рубрики

 -Фотоальбом

Посмотреть все фотографии серии Общая
Общая
00:11 10.07.2014
Фотографий: 2

 -Поиск по дневнику

Поиск сообщений в support

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 02.06.2012
Записей: 121
Комментариев: 240
Написано: 496


CKEditor. Добавление (загрузка) изображений с помощью кнопки расширенного редактора

Вторник, 08 Июля 2014 г. 14:02 + в цитатник

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4966750_mobile (483x377, 36Kb)



Процитировано 5 раз
Понравилось: 4 пользователям

garder   обратиться по имени Четверг, 21 Августа 2014 г. 09:12 (ссылка)
Большое спасибо за полезную информацию!
Ответить С цитатой В цитатник
AsiLiA   обратиться по имени Четверг, 28 Августа 2014 г. 12:31 (ссылка)
Вы написали хороший и подробный пост о добавлении фотографий, а как быть, если вертикальная фотография загружает горизонтально? :(
Ответить С цитатой В цитатник
support   обратиться по имени Четверг, 28 Августа 2014 г. 14:52 (ссылка)
AsiLiA, Подробно о «переворачивающихся фото» и как это исправить написано, например, в этом сообщении: http://bravedefender.ru/post294944138
Из эпиграфа: "Комментарии не читаются, вопросы нужно задавать в техподдержку. Для этого есть кнопка «Задать вопрос техподдержке» в верхней панели."
Ответить С цитатой В цитатник
AsiLiA   обратиться по имени Четверг, 28 Августа 2014 г. 16:12 (ссылка)
support, спасибо Вам за ответ, наверное все же стоит задать вопрос техподдержке. Да, я встречала это сообщение на просторах интернета. Самое интересное, что в папке они у меня выглядят так, как нужно.
Хотя сейчас открыла фотографию в фотошопе и сохранила снова- проблем не было. Спасибо Вам большое!
Ответить С цитатой В цитатник
Space-Cosmos   обратиться по имени Понедельник, 10 Августа 2015 г. 02:17 (ссылка)
не имею комПа.... "гружу" прям с телефона!
Ответить С цитатой В цитатник
Space-Cosmos   обратиться по имени Понедельник, 10 Августа 2015 г. 02:18 (ссылка)
точнее (грузил)
Ответить С цитатой В цитатник
вера_шубина   обратиться по имени Вторник, 04 Октября 2016 г. 16:07 (ссылка)
Исходное сообщение support



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

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

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



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



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



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



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



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



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

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



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

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

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



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

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



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



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


Спасибо очень полезная информация!!!
DrSgdGLXMFQ (406x285, 24Kb)
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку