iOSUITextView富文本展示文字图片

曾经终败给现在 2023-10-17 17:07 86阅读 0赞

[Demo下载地址][Demo]

要在一个UITextView中既展示图片和文字，主要代码如下：

- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary<NSString *,id> *)info{
        //获得需要展示的图片
        UIImage *image = info[UIImagePickerControllerEditedImage];
        if (!image ) {
            image = info[UIImagePickerControllerOriginalImage];
        }
        self.pictureImg = image;
        
        //富文本添加文字、图片
        NSMutableAttributedString *attri = [[NSMutableAttributedString alloc] initWithAttributedString:self.contentTV.attributedText];
        [attri addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:18] range:NSMakeRange(0, self.contentTV.text.length)];
        
        //添加图片附件
        NSTextAttachment *attch = [[NSTextAttachment alloc] init];
        attch.image = image;
        //大小需要根据图片去相应适配缩放比例；位置需要根据文字自适应高度
        attch.bounds = CGRectMake(0, -5, ScreenWidth - 10,200);
        
        NSAttributedString *string = [NSAttributedString attributedStringWithAttachment:attch];
        [attri appendAttributedString:string];
        self.contentTV.attributedText = attri;
    
        [picker dismissViewControllerAnimated:YES completion:nil];
    }

使用 NSAttributedString属性来实现，这种适合上下来布局，并不适合图片上下左右被文字包围布局。

[Demo]: https://github.com/RookieForMingge/TextViewShowStringImg

发表评论取消回复

表情：

评论列表（有 0 条评论，86人围观）

还没有评论，来说两句吧...

相关阅读

相关提取富文本的纯文字内容

package com.unicom.park.service.web.utils; import java.io.ByteArrayInputStr

红太狼/ 2024年02月05日 20:10/ 0 赞/ 71 阅读

相关 iOSUITextView富文本展示文字图片

[Demo下载地址][Demo] 要在一个UITextView中既展示图片和文字，主要代码如下： - (void)imagePickerController:(UI

曾经终败给现在/ 2023年10月17日 17:07/ 0 赞/ 87 阅读

相关 CSDN图片批量上传（富文本）

1. 使用Word编写文档并另存为网页可以使用Word编写文档，并另存为网页形式。使用浏览器打开网页后，可将全部内容拷贝至CSDN的富文本编辑窗口中，文本的样式大部

我不是女神ヾ/ 2023年10月07日 10:37/ 0 赞/ 47 阅读

相关 Flutter开发 - 对于富文本展示的方法封装

1.简单富文本在富文本展示过程中，如果只有1-2段文字需要富文本，且是位于收尾的这种，如： 0天后； 30元这样的富文本处理起来是很容易的，可以这么

Love The Way You Lie/ 2023年10月05日 20:30/ 0 赞/ 31 阅读

相关小程序展示后台编辑好的富文本[文字图片视频等]

小程序在开发的过程中都会遇到小程序官方给了富文本编辑器editor组件,但是只能在小程序端编辑,然后保存到后台的数据库中，但是一般都是网站后台编辑好，然后在小程序端展示后台编辑

你的名字/ 2023年02月23日 08:26/ 0 赞/ 58 阅读

相关 uniapp富文本复制文字内容

设置样式即可 text, span, p { user-select: text; -webkit-user-select

痛定思痛。/ 2022年12月22日 04:41/ 0 赞/ 228 阅读

相关 html5富文本编辑器图片,漂亮的富文本编辑器WYSIWYG

![5aaaddac4dbb2307489796843d65bb62.png][] ![94a6dc5feabd4193c6b752bf51a273a1.png][] 插件

柔光的暖阳◎/ 2022年10月06日 07:57/ 0 赞/ 382 阅读

相关富文本

富文本 > 相对于普通文本来说,可以添加样式，颜色，大小，字体，倾斜，图片,和markdown非常像,博客或论坛的做法（markdown，富文本） 1，需要导入库 p

喜欢ヅ旅行/ 2022年06月03日 02:26/ 0 赞/ 276 阅读

相关 ionic list item 图片文字展示（实用）

原文出处：[https://blog.csdn.net/hbiao68/article/details/52683339\][https_blog.csdn.net_hbiao

超、凢脫俗/ 2022年05月10日 11:24/ 0 赞/ 207 阅读

相关 Editor富文本编辑器（图片上传）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podXBl

小咪咪/ 2022年01月12日 15:33/ 0 赞/ 475 阅读