[РЕШЕНО] Изменить код генерируемый CKEDITOR

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

Аватар пользователя 0legka 0legka 30 января 2012 в 16:43

И снова здравствуйте =)))
Ребят помогите настроить CKEDITOR что бы он генерировал обтекание картинки не style="float: left; а align="left"
проблема в том, что в настоящий момент обтекание картинки не работает, как вариант, подскажите какой тег я забыл разрешить в FullHTML

Комментарии

Аватар пользователя 0legka 0legka 31 января 2012 в 9:31

Сайт пока растёт на локалхосте, в сеть пойдёт ещё не скоро...
float почему то не обрабатывается, возможно я какой то тег не разрешил или ещё что, но если ручками поправить на align="left" а float убрать всё нормально получается ...

Аватар пользователя 0legka 0legka 31 января 2012 в 17:43

"drupby" wrote:
аттрибут может не отрабатывать , т.к. он переопределен в style.css (там приоритет выше).

спс, сейчас проверю Smile

Аватар пользователя 0legka 0legka 2 февраля 2012 в 16:21

нет, переопределения нет, этого тега просто нет в теле ноды... хотя если посмотреть сам код при редактировании документа в CKEDITOR он присутствует в виде style="float: left; ...
Подскажите куда рыть... может тег какой не разрешил?

Аватар пользователя q2_faith q2_faith 2 февраля 2012 в 16:31

"0legka" wrote:

не путайте html и css. если картинка выводится, то значит img разрешен. покажите что firebug показывает к картинке

Аватар пользователя 0legka 0legka 2 февраля 2012 в 17:23

"drupby" wrote:
а в css что по поводу img ?

В style.css только вот эти два правила относительно img

img.left {
  float: left;
  margin: 7px 30px 0 0;
}

img.right {
  float: right;
  margin: 7px 0 0 30px;
}

P.S. если их закоментировать, ничего не изменится

Аватар пользователя 0legka 0legka 6 февраля 2012 в 13:49

"q2_faith" wrote:
ну так присвойте вашей картинке класс left

не проблема, вручную я как угодно могу её перемещать по ноде, вопрос в том как сделать так, чтобы CKEDITOR сам присваивал ей этот класс ...

Аватар пользователя q2_faith q2_faith 6 февраля 2012 в 14:12

"0legka" wrote:
чтобы CKEDITOR сам присваивал ей этот класс

при загрузке картинки там можно указать выравнивание - нет, по левому краю, по правому краю. либо указывайте класс при загрузке изображения

Аватар пользователя 0legka 0legka 6 февраля 2012 в 14:31

"q2_faith" wrote:
при загрузке картинки там можно указать выравнивание - нет, по левому краю, по правому краю.

вот как раз это и не работает CKEDITOR ставит вот такой код style="float: left;
"q2_faith" wrote:
либо указывайте класс при загрузке изображения

нельзя, контентом заполнять будут люди далёкие от css или html

Аватар пользователя q2_faith q2_faith 6 февраля 2012 в 14:36

"0legka" wrote:
вот как раз это и не работает CKEDITOR ставит вот такой код style="float: left;

режутся хтмл теги, а не css. ищите причину. не видя сайт сложно что то сказать

Аватар пользователя 0legka 0legka 10 февраля 2012 в 14:25

ладно, решил пойти другим путём, создал спец. пресет для новостной картинки и вывожу его отдельным полем в CKEditor,е , теперь вопрос как сделать так, чтобы картинка (т.е. поле image) была слева, а текст обтекал её справа ... помогите кто уже сталкивался !
P.S. сейчас у меня сначала выводится текст, а потом картинка слева

Аватар пользователя 0legka 0legka 13 февраля 2012 в 16:26

"0legka" wrote:
P.S. сейчас у меня сначала выводится текст, а потом картинка слева

плин.. спать нужно больше Sad проблема решилась элементарно через css опять затупил.... как же тяжко идёт Sad

Аватар пользователя 0legka 0legka 13 февраля 2012 в 16:30

Народ, у кого проблема с темизацией, вот ресурс, очень подробно описан весь процесс:
http://php-include.ru/stati/temizatsiya-shablona-views
очень помог ... будем теперь всётаки дальше разбираться с CKEDITOR'ором ...
P.S. Sad истина где то рядом

Аватар пользователя q2_faith q2_faith 17 февраля 2012 в 16:03

"0legka" wrote:
Подскажите хоть куда рыть... реально встала работа =(

сложно подсказать не видя сайт. у меня только одна идея, в теме применяется reset.css

Аватар пользователя 0legka 0legka 17 февраля 2012 в 17:37

"q2_faith" wrote:
сложно подсказать не видя сайт. у меня только одна идея, в теме применяется reset.css

подскажи тогда как изменить код, который генерирует CKEDITOR ... align="left" смог бы решить эту проблему...
сайт выкладывать ещё очень рано, даже каркас ещё не готов, не говоря уже о контенте Sad

Аватар пользователя 0legka 0legka 20 февраля 2012 в 9:54

"q2_faith" wrote:
что это?

Я думаю, можно решить эту проблему, заставив CKEDITOR прописывать не стиль, а HTML тег, так как если поправить сгенерированный код вручную, левое обтекание работает

Аватар пользователя q2_faith q2_faith 20 февраля 2012 в 10:27

"0legka" wrote:
Я думаю, можно решить эту проблему, заставив CKEDITOR прописывать не стиль, а HTML тег, так как если поправить сгенерированный код вручную, левое обтекание работает

напишите как вы видите чтобы этот тег приписывался к картинки. и вы поняли почему у вас float не работает?

Аватар пользователя 0legka 0legka 20 февраля 2012 в 13:06

сейчас CKEDITOR генерирует такой код .. обтекание в нём не работает (
<img alt="" src="/Drupal/sites/default/files/raanor_big_new.png" style="float: left; width: 100px; height: 104px; " />
а если поправить вручную вот так:
<img alt="" <u>align="left"</u> src="/Drupal/sites/default/files/raanor_big_new.png"  width: 100px; height: 104px; " />
CKEDITOR переделывает код вот таким образом.. но с ним всё правильно, левое обтекание есть ..
&lt;img alt=&quot;&quot; align=&quot;left&quot; data-cke-saved-src=&quot;/Drupal/sites/default/files/raanor_big_new.png&quot; src=&quot;/Drupal/sites/default/files/raanor_big_new.png&quot; width:=&quot;&quot; 100px;=&quot;&quot; height:=&quot;&quot; 104px;=&quot;&quot; &quot;=&quot;&quot;&gt;

Аватар пользователя q2_faith q2_faith 2 марта 2012 в 11:53

если выставить full html, то обтекание работает
вопрос лишь в том, что пользователям нельзя давать этот формат

Аватар пользователя 0legka 0legka 2 марта 2012 в 12:31

"q2_faith" wrote:
вопрос лишь в том, что пользователям нельзя давать этот формат

полностью согласен, это и не предполагается, будут только две роли админ и пользователь с правами на добавление материала, таких пользователей предполагается не более трёх человек, с HTML знакомы слабо, если не сказать вообще не знают... Sad поэтому и стараюсь по максимуму облегчить им работу по наполнению контента ...

Аватар пользователя 0legka 0legka 2 марта 2012 в 13:35

я бы тоже... посмотри предыдущие коменты, опять всё расписывать не хочется.. (
на днях случилась неприятность... была удалена база (( теперь всё попытаюсь востановить и по возможности избежать прежних ошибок, благо контента не было Lol

Аватар пользователя mNigma@drupal.org mNigma@drupal.org 7 марта 2012 в 5:13

Подпишусь. Сам долго искал как изменить код или что нужно сделать, чтобы при Filtered HTML не резался style, но путного ничего не нашел. Поставил до решения проблемы fckeditor, он как раз ставит не style, a align.

Аватар пользователя 0legka 0legka 26 марта 2012 в 15:42

хм... не всё так гладко, теперь если создавать материалы в CKEDITOR он почему то не создаёт анонсы...
подскажите кто знает плиз от чего это зависит

Аватар пользователя 0legka 0legka 26 марта 2012 в 16:08

Всё.. вроде разобрался... раньше анонс на автомате создавался, в соответствии с правилами публикации для анонса, теперь в CKEDITOR нужно самому кнопку жамкать чтобы отделить Lol

Аватар пользователя Супрун Иван Супрун Иван 4 апреля 2012 в 4:49

Здравствуйте!

С картинкой все норм, кроме того, что нельзя на нее ссылку ставить

И обрезает [ 'rteleft', 'rtecenter', 'rteright', 'rtejustify' ]

align тоже фильтрует в тексте

Аватар пользователя 0legka 0legka 4 апреля 2012 в 11:16

"Супрун Иван" wrote:
дравствуйте!
С картинкой все норм, кроме того, что нельзя на нее ссылку ставить
И обрезает [ 'rteleft', 'rtecenter', 'rteright', 'rtejustify' ]
align тоже фильтрует в тексте

ставь [module=WYSIWYG Filter]и настраивай его вот так

P.S. а ещё посмотри описание в настройках модуля, всё что не задано он режет, поэтому открываем файрибаг, смотрим что не прошло и добавляем Smile

Аватар пользователя Супрун Иван Супрун Иван 4 апреля 2012 в 20:20

"Супрун Иван" wrote:
И обрезает [ 'rteleft', 'rtecenter', 'rteright', 'rtejustify' ]

Разобрался.

После установки модуля WYSIWYG Filterи и настройки как говорилось выше
нужно еще прописать в настройках фильтра в поле "Rules for Class Names:" следующее:
rteleft*,
rtecenter*,
rteright*,
rtejustify*,
rteindent1*,
rteindent2*,
rteindent3*,
rteindent4*

Теперь будут работать в редакторе кнопочки выравнивания текста и отступа)

не прошло и двух суток как я вчехлил)))

Аватар пользователя 0legka 0legka 5 апреля 2012 в 9:36

"Супрун Иван" wrote:
Разобрался.
После установки модуля WYSIWYG Filterи и настройки как говорилось выше
нужно еще прописать в настройках фильтра в поле "Rules for Class Names:" следующее:
rteleft*,
rtecenter*,
rteright*,
rtejustify*,
rteindent1*,
rteindent2*,
rteindent3*,
rteindent4*
Теперь будут работать в редакторе кнопочки выравнивания текста и отступа)
не прошло и двух суток как я вчехлил)))

а я эту проблему на потом отложил =))) спс, можно дальше двигатся !