-–убрики

 -‘отоальбом

ѕосмотреть все фотографии серии ќбща€
ќбща€
00:11 10.07.2014
‘отографий: 2

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

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

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

 

 -—татистика

—татистика LiveInternet.ru: показано количество хитов и посетителей
—оздан: 02.06.2012
«аписей: 119
 омментариев: 225
Ќаписано: 479

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)



ѕроцитировано 6 раз
ѕонравилось: 3 пользовател€м



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 в ссылку
 ѕодписатьс€ на комментарии
 ѕодписать картинку