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>
效果图
网友评论