Изображения Tinymce, автоматически упакованные в

та грамм. Способы обхода CSS или хаки текстового редактора

Hiya,
Я уже много раз сталкивался с этой проблемой, используя drupal или wordpress, где мои файлы конфигурации tinymce слишком умно абстрактно.

Проблема в том, что tinymce автоматически помещает мои теги в теги

. Если есть способ обойти это в Wordpress или Drupal, это было бы здорово.

Моя проблема возникает, когда я хочу сделать что-то вроде этого

<style>
    img {
        float: left;
    }
    p {
        float: right;
        margin-right: 20px;
        width: 400px;
    }
 </style>

и хочу, чтобы мой код выглядел так

<img src="some_png.png" />
<p> Imagine a lot of lipsum text.</p>

, но tinymce делает это

<p><img src="crap_im_wrapped_in_a_paragraph.png" /></p>
<p> Imagine a lot of lipsum text.</p>

Я пытаюсь разместить изображение слева от абзаца с заданной шириной, без ограничений по ширине самого изображения.
в этом случае родительский элемент изображения получает ширину и плавающее положение вправо. Это не то, что я хочу.

Вполне возможно, что для этого есть простое и умное решение, но я все еще не нашел его. Я бы предпочел не взламывать свои файлы конфигурации, если мне это не нужно.

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

вместо

. Мне это кажется неинтуитивным для моих клиентов, которые на самом деле являются пользователями wysiwyg

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

мои вопросы:
Что я могу сделать в моем CSS, чтобы изображение, заключенное в абзац, делало то, что я хочу?
и если я не могу
Что конкретно для drupal или wordpress я могу сделать, чтобы этот абзац исчез?

- Edit - решение должно быть совместимо с IE7 + и современными браузерами. : P

Спасибо!
Аарон

12
задан mraaroncruz 28 April 2011 в 17:38
поделиться