html手机端富文本,pc端富文本编辑的字符串在手机端适配

此方法依赖于lib-flexible,直接替换其中的字符串就可以了

transformHtmlStr(str) {

let vm = this;

const ZPXRegExp = /(\d+)px/;

let pxGlobalRegExp = new RegExp(ZPXRegExp.source, 'ig')

if (pxGlobalRegExp.test(str)) {

// px转换vw，核心部分

let dataDpr = document.documentElement.getAttribute("data-dpr");

let rootSize = parseFloat(document.documentElement.style.fontSize) ;

let $_source = str.replace(pxGlobalRegExp, vm.createPxReplace(dataDpr,rootSize))

// 转换之后替换回source中，返回函数值

return str.replace(str, $_source)

} else {

//没有就不转，直接返回

return source

}

},

createPxReplace (dataDpr,rootSize) {

return function ($0, $1) {

if (!$1) return

var pixels = parseFloat($1)

return (pixels*dataDpr/rootSize).toFixed(2)+'rem';

}

},

标签：文本编辑,端富,return,适配,source,let,str,dataDpr,rootSize

来源： https://blog.csdn.net/cuiyuchen111/article/details/98338701