1

如何使用 htmlpurifier 允许borderRadius？

我发现了这个，但它似乎不适用于当前版本的 htmlpurifier，也许他们改变了你添加自己的 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);
4

2 回答 2

2

我分叉了原始仓库并在净化功能中添加了边框半径功能，代码在这里

https://github.com/msvensson82/htmlpurifier

我基本上只是将它添加到 CSSDefinition.php 文件中，如果你想修改你的而不是获取我的 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);
于 2013-08-06T09:23:20.373 回答
2

截至2016 年，这可以通过打开以下CSS.Proprietary选项来实现：

use HTMLPurifier;
use HTMLPurifier_Config;

$input = '<div style="border: 2px solid; border-radius: 10px;">Hello world!</div>';

$config = HTMLPurifier_Config::createDefault();
// Enable "proprietary" css properties to allow use of `border-radius`
$config->set('CSS.Proprietary', true);

$purifier = new HTMLPurifier($config);

echo $hp_purifier->purify($input);
// => <div style="border:2px solid;border-radius:10px;">Hello world!</div>

这允许您使用border-radius, 以及单个属性border-top-left-radius, border-top-right-radius,border-bottom-right-radius和border-bottom-left-radius

打开专有的 css 属性还可以启用一小部分其他属性，但除了filter属性（目前显然只支持不透明度过滤器）之外，我认为我以前从未见过任何使用过的属性。

于 2021-01-11T05:22:00.267 回答