在SwiftUI中，我们经常需要在文本视图中显示富文本内容，例如HTML或Markdown

最新推荐文章于 2025-04-11 17:50:31 发布

BitNetO

最新推荐文章于 2025-04-11 17:50:31 发布

阅读量684

点赞数

CC 4.0 BY-SA版权

文章标签： swiftui html 蓝桥杯 swift

本文链接：https://blog.youkuaiyun.com/BitNetO/article/details/133061022

swift 专栏收录该内容

135 篇文章 ¥59.90 ¥99.00

订阅专栏

在SwiftUI中，展示HTML或Markdown需要借助额外的技巧和库。本文介绍了如何利用WKWebView显示HTML，以及使用Swift库SwiftMark将Markdown转换为HTML后在SwiftUI中呈现。通过这些方法，开发者可以方便地在SwiftUI应用中实现富文本内容的展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在SwiftUI中，我们经常需要在文本视图中显示富文本内容，例如HTML或Markdown。然而，SwiftUI本身并没有直接支持在文本中显示HTML或Markdown的功能。但是，我们可以通过一些技巧和库来实现这一目标。在本文中，我将向您展示如何在SwiftUI文本中显示HTML或Markdown。

显示HTML

要在SwiftUI文本中显示HTML，我们可以利用NSAttributedString和UITextView来渲染HTML内容。以下是一个实现此功能的示例代码：

首先，我们需要导入WebKit框架，因为我们将使用其中的NSAttributedString扩展。

import SwiftUI
import WebKit

struct HTMLTextView:<

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

BitNetO

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

SwiftUI 富文本组件之支持显示HTML各类标签RichText (教程含源码)

iCloudEnd的博客

08-03

1055

实战需求 SwiftUI 富文本组件之支持显示HTML各类标签RichText (教程含源码) 本文价值与收获看完本文后，您将能够作出下面的界面核心组件 enum枚举 import Foundation public enum colorScheme: String { case light = "light" case dark = "dark" case automatic = "automatic" } public enum fontType : Strin

SwiftUI 代码大全之如何在 SwiftUI 文本中显示 HTML 或 Markdown？

iCloudEnd的博客

10-01

917

实战问题如何设置 SwiftUIText以显示呈现的 HTML 或 Markdown？像这样的东西： Text(HtmlRenderedString(fromString: "<b>Hi!</b>")) 或对于 MD： Text(MarkdownRenderedString(fromString: "**Bold**")) 也许我需要一个不同的视图？解决方案 iOS 15（测试版）Text 现在支持基本的 Markdown！ struct ContentView: View

参与评论您还未登录，请先登录后发表或查看评论

gitblog_00073的博客

05-26

754

rich-editor-swiftui：强大的富文本编辑器

最新发布

gitblog_01027的博客

04-11

904

rich-editor-swiftui：强大的富文本编辑器 rich-editor-swiftui Powerful WYSIWYG Rich editor for SwiftUI. 项目地址: https://gitcode.c...

【SwiftUI富文本】

carter_yu的博客

05-27

1854

参考： https://juejin.cn/post/7101057260561891336 https://www.cnblogs.com/zuidap/p/15162535.html 一、目标效果二、思路 Text的超链接：[]() Text + Text的拼接，处理onTapGesture事件。不可行，因为onTapGesture返回的是some View，而不是Text，+ 拼接是适用于Text，所以不可行。监听点击的坐标，判断坐标范围是超链接区域。实现过于麻烦。强制固定每行文字长度和换行

SwiftUI 简单富文本

my_Wade的博客（吃亏是福）

06-30

1204

var body: some View { //新建文本视图 Text("Interactive ") //设置文字的字体颜色为黄色 .foregroundColor(.yellow) //同时给文字设置加粗的显示效果 .fontWeight(.heavy) //调用文本视图的加号扩展方法，拼接另一个文本视图， //该扩展方法可以将两个文本视图进行拼接，并返回一个统一的文本视图 +

swift 展示html富文本,Swift HTML富文本显示

weixin_39525243的博客

06-23

551

iOS平台下更灵活override func viewDidLoad() {super.viewDidLoad()// Do any additional setup after loading the view, typically from a nib.var strHtml = " Hello It is me."strHtml += "Here you are, Here we are!;...

swift-一行代码搞定常见的富文本显示

08-15

一行代码搞定常见的富文本显示

MarkdownUI：在SwiftUI中渲染Markdown文本

02-04

总的来说，MarkdownUI 为 SwiftUI 应用程序提供了强大的 Markdown 渲染能力，让开发者可以轻松地在应用中引入格式丰富的文本内容，提升用户体验，同时保持代码的简洁和可维护性。结合 SwiftUI 的灵活性和 Markdown ...

SwiftUI中实现Markdown文本渲染的MarkdownUI工具

Markdown UI结合了两者的特点，使得开发者可以在SwiftUI中快速、简便地展示富文本内容。 ### 知识点解析： #### Markdown基础 Markdown是一种流行的文本格式化语言，广泛用于编写文档、README文件、论坛帖子和...

SwiftUI组件实现Markdown自定义显示方案

通过使用Parma库，SwiftUI开发者可以更加轻松地在应用中嵌入Markdown内容，并且能够利用SwiftUI强大的视图构建能力，为Markdown元素定制美观的外观。这不仅提升了UI开发的效率，也为用户提供了更加丰富的阅读体验。...

swift-MarkdownView是一个Markdown文档预览iOS视图组件

08-15

MarkdownView是一个基于WKWebView的UI元素，并且内部使用bootstrap，highlight.js，markdown-it。

一个SwiftUI视图，用于显示具有可自定义外观的Markdown。-Swift开发

05-27

使用纯SwiftUI组件显示Markdown。利用ViewBuilder的优势为Text和View定制外观。使用纯SwiftUI组件的Parma Display Markdown。利用ViewBuilder的优势为Text和View定制外观。导入Parma struct ContentView示例：视图{var markdown =“我是**。**。” var body：some View {Parma（markdown）}}有关更多示例，请参阅演示应用程序。降价支持已支持标题级别1-6段落多级项目符号列表图像（需要额外的配置）内联文本强强调代码

swift 展示html富文本,macOS SwiftUI 组件之富文本编辑器支持Swift和Python语言高亮支持行数（教程含源码）...

weixin_30986285的博客

06-16

557

实战需求macOS SwiftUI 组件之富文本编辑器支持Swift和Python语言高亮支持行数本文价值与收获看完本文后，您将能够作出下面的界面看完本文您将掌握的技能支持Swift和Python语法高亮支持行号显示支持自定义高亮扩展实战代码1、主界面import SwiftUIstruct ContentView: View {@State var txt = ""var body: some ...

第1章第7节：使用Text视图创建漂亮的富文本 [SwiftUI快速入门到实战]

互动教程网[www.hdjc8.com]

08-31

530

本节课演示如何使用文本视图的扩展方法，对多个不同样式的文本视图进行拼接，从而创建漂亮的富文本。首先设置文字的字体颜色为黄色。同时给文字设置加粗的显示效果。调用文本视图的加号扩展方法，拼接另一个文本视图，该扩展方法可以将两个文本视图进行拼接，并返回一个统一的文本视图。设置第二个文本视图的字体颜色为橙色，并给文字添加删除线的效果。使用扩展方法，拼接第三个指定内容的文本视图。设置文本视图的字体颜色为红色，并给文字添加倾斜的显示效果。使用相同的方式，继续拼..

SwiftUI初级教程：创建满屏文本控件，显示时间日期，使用富文本属性

BUG？不存在的！

09-14

256

接下来，让我们在满屏文本控件中显示当前的时间日期。在上述示例中，我们使用 font modifier 将文本的字体设置为 .title，使用 foregroundColor modifier 将文本的颜色设置为 .blue，使用 multilineTextAlignment modifier 将文本的对齐方式设置为 .center。现在，当你运行你的 SwiftUI 应用程序时，你将看到一个满屏的文本控件，其中显示着当前的时间日期，并且文本的外观已经根据我们的设置进行了自定义。步骤 4: 使用富文本属性。

iOS swift 富文本显示 富文本在iOS中使用场景和解决方案

10年职场两茫茫，35岁凄凉奈若何

05-08

259

iOS swift 富文本显示 富文本在iOS中使用场景和解决方案

swift 展示html富文本,Swift 4.0 字符串截取,拼接，字符串富文本显示

weixin_34804678的博客

06-15

325

字符串截取，调用系统方法let testStr = "hello world"//这种方法和swift3.2 类似let index1 = testStr.index(testStr.endIndex, offsetBy: -5)let test1 = String(testStr.suffix(from: index1))//test1 = "hello"let index2 = testStr...

swift 展示html富文本,swift——富文本文字的简单使用

weixin_29733427的博客

06-23

594

let str = "今宵杯中映着明月物华天宝人杰地灵"let attrStr = NSMutableAttributedString.init(string: str)attrStr.addAttribute(NSAttributedStringKey.foregroundColor, value:UIColor.orange, range:NSRange.init(location:0, l...