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