javascript中带有允许标记的PHP的等效strip_tags

时间:2012-01-05 18:59:08

标签: javascript strip-tags

我使用此代码去除所有标签,但我不想保存一些标签等等......我该怎么办? 我无法理解如何过滤标签

/***************************************************
    STRIP HTML TAGS
    ****************************************************/
    function strip_tags(html){

        //PROCESS STRING
        if(arguments.length < 3) {
            html=html.replace(/<\/?(?!\!)[^>]*>/gi, '');
        } else {
            var allowed = arguments[1];
            var specified = eval("["+arguments[2]+"]");
            if(allowed){
                var regex='</?(?!(' + specified.join('|') + '))\b[^>]*>';
                html=html.replace(new RegExp(regex, 'gi'), '');
            } else{
                var regex='</?(' + specified.join('|') + ')\b[^>]*>';
                html=html.replace(new RegExp(regex, 'gi'), '');
            }
        }

        //CHANGE NAME TO CLEAN JUST BECAUSE 
        var clean_string = html;

        //RETURN THE CLEAN STRING
        return clean_string;

**编辑* * ** 这是我的HTML代码

<body class="portrait" onLoad="prepareImages()">
    <div id="title_wrapper"><h2 id="title"><a href="[[[LINK]]]">[[[TITLE]]]</a></h2></div>
    <h2 id="subtitle">[[[DATE]]]</h2>
     <div id="content">
        [[[FULL CONTENT]]] etc....
    </div>

我以这种方式使用你的功能(我必须替换的是:[[[[FULL CONTENT]]]等......)

(strip_tags(contentElem,"<img>");

没有结果。如何用[[[FULL CONTENT]]]等重写[[[[FULL CONTENT]]]等....没有html标签除外?

3 个答案:

答案 0 :(得分:4)

评估?呃,这真是丑陋的代码。它使用正则表达式模式匹配所有标记。

  • 如果函数调用的参数少于3个,则只删除所有标记。
  • 如果函数调用至少有3个参数:
    • 第三个参数是"a", "b", "strong"之类的字符串。由于丑陋的 evil eval构造,引号是必需的。
    • 如果第二个参数是真值(例如true),则第三个参数是允许的标签列表
    • 如果第二个参数是假值(例如false),则第三个参数是被拒绝的标签列表

如果您需要正确的strip_tags功能,请查看http://phpjs.org/functions/strip_tags:535

答案 1 :(得分:0)

这是带有允许标签的strip_tags()(来自phpjs.org)。

// allow can be a string like '<b><i>'
function strip_tags(str, allow) {
  // making sure the allow arg is a string containing only tags in lowercase (<a><b><c>)
  allow = (((allow || "") + "").toLowerCase().match(/<[a-z][a-z0-9]*>/g) || []).join('');

  var tags = /<\/?([a-z][a-z0-9]*)\b[^>]*>/gi;
  var commentsAndPhpTags = /<!--[\s\S]*?-->|<\?(?:php)?[\s\S]*?\?>/gi;
  return str.replace(commentsAndPhpTags, '').replace(tags, function ($0, $1) {
    return allow.indexOf('<' + $1.toLowerCase() + '>') > -1 ? $0 : '';
  });
}

答案 2 :(得分:-1)

如果使用DOM,此操作会简单得多。我不知道为什么人们会尝试使用正则表达式。

/**
 * Removes all tags with the provided tagName.
 * @param {Element} el The root element.
 * @param {string} tagName The tagName to match.
 * @example
 *   >> document.body.innerHTML;
 *   "<p><img src="foo.jpg">Some <strong>text</strong></p>"
 *   >> stripTags(document.body, 'img');
 *   undefined
 *   >> document.body.innerHTML;
 *   "<p>Some <strong>text</strong></p>"
 *   >> stripTags(document.body, 'strong');
 *   undefined
 *   >> document.body.innerHTML;
 *   "<p>Some text</p>"
 */
function stripTags(el, tagName) {
  var els = el.getElementsByTagName(tagName.toUpperCase());
  for (var i = 0; i < els.length; i++) {
    while (els[i].firstChild)
      els[i].parentNode.insertBefore(els[i].removeChild(els[i].firstChild), els[i]);
    els[i].parentNode.removeChild(els[i--]);
  }
}

这将删除所有标签(而不是其内容),我认为这是strip_tags的行为。