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

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

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

Комментарии

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

31 января 2012 в 9:31

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

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

31 января 2012 в 17:43

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

2 февраля 2012 в 16:21

"0legka" wrote:

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

2 февраля 2012 в 16:31

"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. если их закоментировать, ничего не изменится

2 февраля 2012 в 17:23

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

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

6 февраля 2012 в 13:49

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

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

6 февраля 2012 в 14:12

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

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

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

6 февраля 2012 в 14:31

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

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

6 февраля 2012 в 14:36

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

10 февраля 2012 в 14:25

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

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

13 февраля 2012 в 16:26

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

13 февраля 2012 в 16:30

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

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

17 февраля 2012 в 16:03

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

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

17 февраля 2012 в 17:37

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

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

20 февраля 2012 в 9:54

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

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

20 февраля 2012 в 10:27

сейчас 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;

20 февраля 2012 в 13:06

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

2 марта 2012 в 11:53

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

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

2 марта 2012 в 12:31

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

2 марта 2012 в 13:35

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

7 марта 2012 в 5:13

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

26 марта 2012 в 15:42

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

26 марта 2012 в 16:08

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

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

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

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

4 апреля 2012 в 4:49

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

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

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

4 апреля 2012 в 11:16

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

Разобрался.

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

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

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

4 апреля 2012 в 20:20

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

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

5 апреля 2012 в 9:36