美文网首页
【基础知识】消除ES6模板字符串中的空格

【基础知识】消除ES6模板字符串中的空格

作者: 前端菜篮子 | 来源:发表于2020-08-31 13:34 被阅读0次

    转:消除ES6模板字符串中的空格

    在开发中经常要用模板字符串,在拼接HTML文件时会遇到模板字符串中的空格问题比如一段模板字符串时这样的

     let html=`<div>
                <div>
                    <p></p>
                </div>
              </div>`
    

    以上内容会原样输出,标签之间的空格和换行都会存在,某些情况会引起页面格式错乱,所以写了一个方法去除里面的空格和换行符,很简单

        Object.defineProperty(String.prototype, 'trimMultiLine', {
            enumerable: false,
            value: function () {
                    return this.replace(/ *[\r|\n] */gm, '')
            }
        })
    

    调用时直接在模板字符串后面.trimMultiLine()即可,比如

     let html=`<div>
                <div>
                    <p></p>
                </div>
              </div>`.trimMultiline()
    

    相关文章

      网友评论

          本文标题:【基础知识】消除ES6模板字符串中的空格

          本文链接:https://www.haomeiwen.com/subject/axpusktx.html