csshtmlpurifier

htmlpurifier with borderRadius


How do I allow borderRadius with htmlpurifier?

I found this but it doesn't seem to work with current version of htmlpurifier, perhaps they changed the way you add your own css?

http://htmlpurifier.org/phorum/read.php?2,6154,6154

  $config = HTMLPurifier_Config::createDefault();

  // add some custom CSS3 properties                                                                                                                                              
  $css_definition = $config->getDefinition('CSS');

  $border_radius =
    $info['border-top-left-radius'] =
    $info['border-top-right-radius'] =
    $info['border-bottom-left-radius'] =
    $info['border-bottom-right-radius'] =
    new HTMLPurifier_AttrDef_CSS_Composite(array(
                                             new HTMLPurifier_AttrDef_CSS_Length('0'),
                                             new HTMLPurifier_AttrDef_CSS_Percentage(true)
                                             ));

  $info['border-radius'] = new HTMLPurifier_AttrDef_CSS_Multiple($border_radius);

  // wrap all new attr-defs with decorator that handles !important                                                                                                                
  $allow_important = $config->get('CSS.AllowImportant');
  foreach ($info as $k => $v) {
    $css_definition->info[$k] = new HTMLPurifier_AttrDef_CSS_ImportantDecorator($v, $allow_important);
  }

  $html_purifier = new HTMLPurifier($config);

Solution

  • I forked the original repo and added functionality for border radius in the purifying function, code is found here

    https://github.com/msvensson82/htmlpurifier

    I basically just added this to the CSSDefinition.php file, if you wish to amend yours instead of getting my repo.

    // border-radius
    $border_radius =
    $this->info['border-top-left-radius'] =
    $this->info['border-top-right-radius'] =
    $this->info['border-bottom-left-radius'] =
    $this->info['border-bottom-right-radius'] = new HTMLPurifier_AttrDef_CSS_Composite(array(
     new HTMLPurifier_AttrDef_CSS_Length('0'),
     new HTMLPurifier_AttrDef_CSS_Percentage(true)
    ));
    $this->info['border-radius'] = new HTMLPurifier_AttrDef_CSS_Multiple($border_radius);