前端日常杂记

痴呆婷

已于 2022-03-23 11:39:32 修改

阅读量1.3k

点赞数

文章标签：前端 javascript

于 2022-03-23 11:28:50 首次发布

本文链接：https://blog.csdn.net/qq_44985350/article/details/123681649

版权

1 iframe 宽高由内容撑开


<iframe 
    src="http://URL_HERE.html"
    style="height:200px;width:100%;border:none;overflow:hidden;"
    onload='javascript:(function(o){       
       o.style.height =o.contentWindow.document.body.scrollHeight+"px";
     }(this));' 
>
</iframe>

2 防注入代码

Vue.prototype.$sanitize = function sanitizeHTML (html) {
  return xss(html, {
    onIgnoreTagAttr: function (tag, name, value, isWhiteAttr) {
      if (name.substr(0, 5) === 'class') {
        // 通过内置的escapeAttrValue函数来对属性值进行转义
        return name + '="' + xss.escapeAttrValue(value) + '"'
      }
      if (name.substr(0, 5) === 'style') {
        return name + '="' + xss.escapeAttrValue(value) + '"'
      }
    },
    onIgnoreTag: function (tag, html, options) {
      if (tag.substr(0, 9) === 'highlight') {
        // 不对其属性列表进行过滤
        return html
      }
    }
  })
}