从HTML标记中删除样式属性

时间:2011-04-01 18:21:56

标签: php regex tinymce

我对正则表达式不是很好,但是对于PHP我想要从TinyMCE回来的字符串中的HTML标签中删除style属性。

因此,将<p style="...">Text</p>更改为香草<p>Test</p>

我如何使用preg_replace()函数来实现这一目标?

9 个答案:

答案 0 :(得分:117)

务实的正则表达式(<[^>]+) style=".*?"将在所有合理的情况下解决这个问题。应该删除不是第一个捕获组的匹配部分,如下所示:

$output = preg_replace('/(<[^>]+) style=".*?"/i', '$1', $input);

匹配<后跟一个或多个“not >”,直到我们来到spacestyle="..."部分。 /i即使STYLE="..."也能正常运行。将此匹配替换为$1,即捕获的组。如果标记不包含style="...",它会保留标记。

答案 1 :(得分:39)

这样的事情应该有用(未经测试的代码警告):

<?php

$html = '<p style="asd">qwe</p><br /><p class="qwe">qweqweqwe</p>';

$domd = new DOMDocument();
libxml_use_internal_errors(true);
$domd->loadHTML($html);
libxml_use_internal_errors(false);

$domx = new DOMXPath($domd);
$items = $domx->query("//p[@style]");

foreach($items as $item) {
  $item->removeAttribute("style");
}

echo $domd->saveHTML();

答案 2 :(得分:22)

我对@Mayerln的功能发表了评论。它确实有效,但DOMDocument确实充满了编码。这是我的simplehtmldom版本

function stripAttributes($html,$attribs) {
    $dom = new simple_html_dom();
    $dom->load($html);
    foreach($attribs as $attrib)
        foreach($dom->find("*[$attrib]") as $e)
            $e->$attrib = null; 
    $dom->load($dom->save());
    return $dom->save();
}

答案 3 :(得分:4)

你走了:

<?php

$html = '<p style="border: 1px solid red;">Test</p>';
echo preg_replace('/<p style="(.+?)">(.+?)<\/p>/i', "<p>$2</p>", $html);

?>

顺便说一句,正如其他人所指出的那样,不建议使用正则表达式。

答案 4 :(得分:3)

我用这个:

function strip_word_html($text, $allowed_tags = '<a><ul><li><b><i><sup><sub><em><strong><u><br><br/><br /><p><h2><h3><h4><h5><h6>')
{
    mb_regex_encoding('UTF-8');
    //replace MS special characters first
    $search = array('/&lsquo;/u', '/&rsquo;/u', '/&ldquo;/u', '/&rdquo;/u', '/&mdash;/u');
    $replace = array('\'', '\'', '"', '"', '-');
    $text = preg_replace($search, $replace, $text);
    //make sure _all_ html entities are converted to the plain ascii equivalents - it appears
    //in some MS headers, some html entities are encoded and some aren't
    //$text = html_entity_decode($text, ENT_QUOTES, 'UTF-8');
    //try to strip out any C style comments first, since these, embedded in html comments, seem to
    //prevent strip_tags from removing html comments (MS Word introduced combination)
    if(mb_stripos($text, '/*') !== FALSE){
        $text = mb_eregi_replace('#/\*.*?\*/#s', '', $text, 'm');
    }
    //introduce a space into any arithmetic expressions that could be caught by strip_tags so that they won't be
    //'<1' becomes '< 1'(note: somewhat application specific)
    $text = preg_replace(array('/<([0-9]+)/'), array('< $1'), $text);
    $text = strip_tags($text, $allowed_tags);
    //eliminate extraneous whitespace from start and end of line, or anywhere there are two or more spaces, convert it to one
    $text = preg_replace(array('/^\s\s+/', '/\s\s+$/', '/\s\s+/u'), array('', '', ' '), $text);
    //strip out inline css and simplify style tags
    $search = array('#<(strong|b)[^>]*>(.*?)</(strong|b)>#isu', '#<(em|i)[^>]*>(.*?)</(em|i)>#isu', '#<u[^>]*>(.*?)</u>#isu');
    $replace = array('<b>$2</b>', '<i>$2</i>', '<u>$1</u>');
    $text = preg_replace($search, $replace, $text);
    //on some of the ?newer MS Word exports, where you get conditionals of the form 'if gte mso 9', etc., it appears
    //that whatever is in one of the html comments prevents strip_tags from eradicating the html comment that contains
    //some MS Style Definitions - this last bit gets rid of any leftover comments */
    $num_matches = preg_match_all("/\<!--/u", $text, $matches);
    if($num_matches){
        $text = preg_replace('/\<!--(.)*--\>/isu', '', $text);
    }
    $text = preg_replace('/(<[^>]+) style=".*?"/i', '$1', $text);
return $text;
}

答案 5 :(得分:1)

除了Lorenzo Marcon的回答:

使用preg_replace选择除样式属性以外的所有内容:

$html = preg_replace('/(<p.+?)style=".+?"(>.+?)/i', "$1$2", $html);

答案 6 :(得分:1)

我正在用这种东西从标签中清除style ='...'部分,同时保留其他属性。

$output = preg_replace('/<([^>]+)(\sstyle=(?P<stq>["\'])(.*)\k<stq>)([^<]*)>/iUs', '<$1$5>', $input);

答案 7 :(得分:0)

getService(): Observable<any>  {
    const urls: string = `http://192.168.0.101:9080/project/api/listall/${Id}`

    return this.http.get<AgentDetails>(urls).pipe(
       map(({noPage, totalPage, List} : UserAPIResponse) => {noPage, totalPage, List));

}

用于将所有样式=“”替换为空白。

答案 8 :(得分:-8)

你可以处理它的客户端,最简单的是使用jQuery。类似的东西:

$("#tinyMce p").removeAttr("style");