美文网首页
mui 后台给了HTML代码过来,我如何在Html页面里面展示?

mui 后台给了HTML代码过来,我如何在Html页面里面展示?

作者: 一个冬季 | 来源:发表于2019-04-03 11:38 被阅读0次

举个例子

    <div class="title">图文详情</div>
        <div class="datails_info" id="datails_info">
            //此处是要展示html代码的
        </div>
     </div>
//获取到datails_info     vm.goods.goods_content是后台给的html代码
document.getElementById("datails_info").innerHTML=htmlDecode(vm.goods.goods_content);

js工具类

var htmlDecode = function(htm) {
    var temp = document.createElement("div");
    temp.innerHTML = htm;
    var output = temp.innerText || temp.textContent;
    temp = null;
    return output;
}

就像上面就OK 了

第二种写法(Vue)
<div class="fwb_box" v-html="content"></div>
vm.content = htmlDecode(result.content);

相关文章

网友评论

      本文标题:mui 后台给了HTML代码过来,我如何在Html页面里面展示?

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