Через визуальный редактор картинкам можно устанавливать вертикальный или горизонтальный отступ:
Но если в шаблоне прописан сброс стилей, типа такого:
То установленные через визуальный редактор отступы уже не действуют.
Для решения этой проблемы в init.php можно прописать такой код:
P.S. Где-то в справочниках попадалась информация о том, что hspace и vspace не поддерживаются HTML5.
![hpace.jpg](https://site-cloud-files.bitrix.info/main/de5/de50980670a373391b1a14e3f8891f6b/hpace.jpg)
Но если в шаблоне прописан сброс стилей, типа такого:
* {margin: 0; padding: 0} |
То установленные через визуальный редактор отступы уже не действуют.
Для решения этой проблемы в init.php можно прописать такой код:
<?php AddEventHandler("main", "OnEndBufferContent", "correctImgSpace"); function correctImgSpace(&$content) { preg_match_all('/<img [a-z][a-z0-9]*[^>]+>/', $content, $arImgMatches); foreach($arImgMatches as $sImg) { $sImgWithHSpace = preg_replace('/hspace=["\'](\d+)["\']/', 'st yle="margin-left: $1px; margin-right: $1px"', $sImg); $sImgWithHSpace = preg_replace('/vspace=["\'](\d+)["\']/', 'st yle="margin-top: $1px; margin-bottom: $1px"', $sImgWithHSpace); $content = str_replace($sImg, $sImgWithHSpace, $content); } } |
P.S. Где-то в справочниках попадалась информация о том, что hspace и vspace не поддерживаются HTML5.