Привет,
Я много раз сталкивался с этой проблемой, используя drupal или wordpress, где мои файлы конфигурации tinymce слишком умело абстрагированы.
Проблема в том, что tinymce автоматически оборачивает мои теги <img>
в теги <p>
. Если есть способ обойти это в 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>
но тинимс делает это
<p><img src="crap_im_wrapped_in_a_paragraph.png" /></p>
<p> Imagine a lot of lipsum text.</p>
Я пытаюсь разместить изображение слева от абзаца с заданной шириной, не ограничивая ширину самого изображения.
в этом случае родительский элемент изображения затем получает ширину и плавающее положение вправо. Это не то, что я хочу.
Вполне возможно, что для этого есть простое и умное решение, но я все еще не нашел его. Я бы предпочел не взламывать свои файлы конфигурации, если в этом нет необходимости.
1 предостережение ...
Единственная причина, по которой существует эта проблема, заключается в том, что я хочу, чтобы клиенты могли легко выполнять собственное редактирование, поэтому я не буду просто заставлять их оборачивать изображение в <div>
вместо <p>
. Мне это кажется нелогичным для моих клиентов, которые на самом деле являются пользователями wysiwyg
Предыдущее решение
Я использовал регулярное выражение для удаления тегов абзацев, но это всегда почему-то проблематично. В конечном итоге я добавляю больше изображений где-то еще, тогда мне нужно продолжать настраивать свое регулярное выражение, чтобы игнорировать их. 502 ошибки предостаточно!
мой вопрос (вопросы):
Что я могу сделать в моем CSS, чтобы изображение, заключенное в абзац, делало то, что я хочу?
и могу ли я ' t
Что я могу сделать, чтобы этот абзац исчез в Drupal или Wordpress?
- Изменить - решение должно быть совместимо с IE7 + и современными браузерами. :П
Спасибо!
aaron