Шпаргалка: горизонтальный отступ у картинок (hspace у img) и немного о визуальном редакторе

Через визуальный редактор картинкам можно устанавливать вертикальный или горизонтальный отступ:


Но если в шаблоне прописан сброс стилей, типа такого:

* {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.