UITextView 加载富文本（带图文）

烟花下的孤独

已于 2022-05-16 16:22:45 修改

阅读量1.8k

点赞数 1

分类专栏： iOS swift 文章标签： swift xcode 开发语言

于 2022-05-13 10:30:03 首次发布

本文链接：https://blog.csdn.net/u014651417/article/details/124745679

版权

本文介绍了在Swift开发中处理富文本，尤其是包含图片的UITextView加载方法。通过计算富文本宽高并使用SwiftRichString生成NSMutableAttributedString解决加载问题。同时，文章讨论了在计算宽度、UITextView内边距处理以及图片显示方面遇到的挑战，并提供了相应的解决方案。

摘要由CSDN通过智能技术生成

1、前言

iOS 10.0
Xcode 13.3.1
SwiftRichString  4.0.0

本来我们UI制定的图上面只是文字，但是由于后台输入框能添加图片，我们原定只加载文本，变成了富文本，样式如下

请添加图片描述

1.2、情景2 一个AI互动页面，简单的虚拟聊天，聊天内容可能会出现多个图片

2 解决方法

2.1 计算富文本宽高

因为富文本中带有网络图片，所以要计算出图片宽度的富文本宽高
1、网上很多方法我看都计算不出来，我再 img 标签后面给网络图片添加个宽度，就可以了（可能是因为我们的富文本不规范吧，img标签都没有设置width）
2. 计算宽高时候发现，p标签会导致高度偏高，所以我给替换掉了（如有大佬知道原因，或者能给出其他方法，请留言@我）


/// html字符串   文本域宽度  字体大小
public func getAttriSize(text: String, width: CGFloat, font: UIFont) -> CGSize {
   
    var html = "<head><style>img{max-width:\(width) !important;height:auto}</style></head>\(text)"
    html = html.replacingOccurrences(of: "<img", with: "<img width=\"\(width)\"")
    html = html.replacingOccurrences(of: "<p>", with: "