private makeData(){ this.content="<html><head><title>富文本测试</title></head><body><p>" + "富文本测试富文本测试富文本测试富文本测试富文本测试富文本测试富文本测试富文本测试富文本测试</p>" + "下面是图片下面是图片下面是图片下面是图片下面是图片下面是图片下面是图片下面是图片下面是图片" + "</p><img src=\"assets/img/test.jpg\"/></body>" + "下面是图片下面是图片下面是图片下面是图片下面是图片下面是图片下面是图片下面是图片" + "</p><img src=\"assets/img/test.jpg\"/></body></html>"; }
假设有如上的富文本内容,要想让其以正常格式的html显示,只需一行代码<div [innerHTML]='content'></div>
效果图
链接:https://www.jianshu.com/p/0c61e06f28f4
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。