Равнение картинок в CKeditor

Главные вкладки

Аватар пользователя esmer esmer 26 декабря 2012 в 20:24

Друзья. Установил CKeditor подключил IMCE. В CKeditor нет равнения по середине картинок. Только влево или вправо. Внятного решения проблемы так же не нашел ни в Рунете, ни на западных сайтах, ни на офсайте редактора. Может кто подскажет, кто сталкивался и как решил?!

Комментарии

Аватар пользователя Niklan Niklan 26 декабря 2012 в 21:26

С такими словами:

"esmer" wrote:
Равнение

Вы точно нигде и ничего не найдете.

А вообще, выравнивание по центру

some_class {
 margin: 0 auto;
}
Аватар пользователя esmer esmer 26 декабря 2012 в 21:52

"Niklan" wrote:
Вы точно нигде и ничего не найдете.
А вообще, выравнивание по центру

Т.е. вы хотите сказать чисто в css темы задать класс, а потом его ручками каждый раз указывать при публикации новости?

Аватар пользователя Niklan Niklan 27 декабря 2012 в 0:50

Я ничего не хочу сказать, я написал как их выравнивают по центру.

Мне другое интересно, кто вообще выравнивает картинки по центру?
Хотите как тут что ли: http://doclimit.com/
Вам любой скажет что это отстой.

Аватар пользователя I_CaR I_CaR 13 марта 2016 в 21:16

Вы ошибаетесь!
Ни кто не скажет отстой, для выравнивания картинки по центу!
Многие статьи используют картинку 70% ширины и выравнивают её по центру!
Вот и я 2 часа мучаюсь, хочу значёк Feedback поставить в центр блока, а под ним надпись "Обратная связь"

Аватар пользователя esmer esmer 27 декабря 2012 в 2:35

"Niklan" wrote:
Я ничего не хочу сказать, я написал как их выравнивают по центру.
Мне другое интересно, кто вообще выравнивает картинки по центру?
Хотите как тут что ли: http://doclimit.com/
Вам любой скажет что это отстой.

Я хочу как здесь например http://www.chartsinfrance.net/actualite/news-83540.html

Аватар пользователя Ampleev Ampleev 27 декабря 2012 в 12:59

у меня в CKEditor есть "по центру".
Можно после добавления контента выбрать Формат ввода PHP и ручками дописать align="center" или что Вам нужно, "justify", vertical-align: middle, все, что хотите.
Niklan лучше подсказал

Аватар пользователя esmer esmer 27 декабря 2012 в 21:46

"Ampleev" wrote:
у меня в CKEditor есть "по центру".
Можно после добавления контента выбрать Формат ввода PHP и ручками дописать align="center" или что Вам нужно, "justify", vertical-align: middle, все, что хотите.
Niklan лучше подсказал

Вы уверены что у вас есть выравнивание именно изображения по центру? Вы как-то сами этого добились или было по умолчанию. Просто с этой проблемой не только я сталкивался судя по вопросам в инете. Но особо никто не решил именно в коде редактора...

Аватар пользователя Ampleev Ampleev 28 декабря 2012 в 10:33

Вы меня простите, я только увидел, что вы про 7-ку разговариваете, у меня 6-ая версия - там все есть. Еще раз прошу прощения.

Аватар пользователя esmer esmer 29 декабря 2012 в 9:01

"Ampleev" wrote:
Вы меня простите, я только увидел, что вы про 7-ку разговариваете, у меня 6-ая версия - там все есть. Еще раз прошу прощения.

Т.е. это получается глюк в семерке?

Аватар пользователя Ampleev Ampleev 29 декабря 2012 в 14:26

Это выравнивание картинки (относительно текста), специально скриншот сделал из окна вставки картинки
Еще как выход - ставить картинку в table, а с ней уже делать что хочешь.
Опять же классом или в шаблоне сделать все картинки определенных типов нод, оборачиваемых table с align, margin...

Аватар пользователя esmer esmer 30 декабря 2012 в 1:07

"Ampleev" wrote:
Это выравнивание картинки (относительно текста), специально скриншот сделал из окна вставки картинки

Получилось именно в этом окне вставки, если указывать в окошке стиля vertical-align: middle. Большое вам спасибо за помощь Smile С наступающим !!!

Аватар пользователя build u up build u up 20 мая 2013 в 13:23

Ну, и.... какая это нахрен "помощь"? За что тут спасибо если каждый раз вручную при вставке фото приходится вставлять код vertical-align:middle ?? Если делать, так уж делать грамотно, чтобы был пункт "выравнивание по центру", который автоматически и вставлял бы этот код сам.
Коллеги, кто найдет решение, просьба отпишитесь.

Аватар пользователя Ampleev Ampleev 20 мая 2013 в 14:07

Когда Вы в этом окошке сверху выбираете "по центру" - vertical-align: middle ставится автоматом. Если нужно полностью автоматически, можно в шаблоне добаить класс CSS и делать как угодно; можно в шаблоне сразу всё сделать; можно в модуле; можно PHP-проверку на тип ноды и картинку обернуть; можно в шаблоне таблицей сделать; хотите - сделайте пункт - выравнивание по центру, при сохранении ноды - проверка, стоит ли галочка, дальше один из вариантов выше.
Вариантов куча - вот Вам помощь.

Аватар пользователя Niklan Niklan 20 мая 2013 в 19:59

"build u up" wrote:
Ну, и.... какая это нахрен "помощь"? За что тут спасибо если каждый раз вручную при вставке фото приходится вставлять код vertical-align:middle ?? Если делать, так уж делать грамотно, чтобы был пункт "выравнивание по центру", который автоматически и вставлял бы этот код сам.

А CSS?

Аватар пользователя saramat saramat 23 июля 2013 в 7:47

Очень интересно, в чем "отстойность" выравнивания картинки на http://doclimit.com/ ???
Поясните плз.чайнику! Да и пример скорее неудачный, там CKeditor рядом не стоит-картинки
выводятся ССК полем... Пользователь имеет возможность не париться такими вопросами как центровка,масштаб,вес и т.д.
Две кнопки-"обзор","загрузка" и вся процедура вставки. Может Вам такой "отстой" как на http://doclimit.com/ как раз больше всего и подходит, можно
процентами настроить масштабируемость картинки (аналогично скриншотам и видеоплееру) если сайт резиновый (правда при этом снижается резкость изображения).

Аватар пользователя yegoren yegoren 14 марта 2016 в 8:02

Хым.. всё ещё проще... вставляете картинку в CKEditor любым модулем (Сам использую "Insert"), выделяете её кликом, как если бы хотели выровнять по правому или левому краю, потом нажимаете стрелку "влево" или "вправо" на клавиатуре, таким образом оказываетесь не в теге 'img' или 'a' (в случае использования ColorBox), а в теге 'p' который её обрамляет, а там нажимаете выравнивание в самом параграфе по центру и оп - картинка в центре, если конечно у вас в CSS не задано, что 'a' и/или 'img' - должны стать блочными элементами.
Вот здесь так и делал: http://vtruda.ru/testy/prover-sebya-10-03-2016