Привет,
Я уже много раз сталкивался с этой проблемой, используя 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>
, но tinymce делает это
<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, чтобы сделать изображение, заключенное в абзац, выполнением того, что я хочу?
и если я не могу
Что конкретно можно сказать о друпале или WordPress, чтобы этот абзац исчез?
- Редактировать -решение должно быть совместимо с IE7 + и современными браузерами.: P
Спасибо!
Аарон