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>
效果图
private makeData(){ this.content=" 富文本测试 " + "富文本测试富...
1. 文本 Text （用于显示文本） 示例 TextSpan （富文本：对文本内容的不同部分按照不同的样式显示）...
在react中，经过富文本操作编辑后的文本会带有html标签，不能正确显示格式，需要经过转化 在显示时，将内容放入...
/** * 处理富文本里的图片宽度自适应 * 1.去掉img标签里的style、width、height属性 * ...
最近有个需求是在UITextView输入文字的时候，按照设计好的字体、字号、颜色、行间距、段间距来显示文字，输入的...
设置富文本之后，多余的内容没有显示成省略号 解决方案 ，设置富文本之后再手动设置UILabel.lineBreak...
在app的内容页（详情页）中，富文本的显示一直是经常需要处理的问题，而通常在后端的富文本编辑中，Html应用比较普...
1. 文本 Text （用于显示文本）属于基础组件库 例 TextSpan （富文本） 对一个Text内容的不同部...
//将HTML格式的富文本转成可以显示到UILabel上的NSAttributedString富文本显示 + (N...
修改内容时修改富文本的内容时，首先要拿到内容，如何拿到富文本的内容呢？富文本有个getData（）方法
本文标题：Angular4中显示富文本内容
本文链接：https://www.haomeiwen.com/subject/rbwdsxtx.html
网友评论