【Unity】 HTFramework框架(五十六)MarkdownText:支持运行时解析并显示Markdown文本

更新日期:2025年3月21日。
Github 仓库:https://github.com/SaiTingHu/HTFramework
Gitee 仓库:https://gitee.com/SaiTingHu/HTFramework

一、MarkdownText

MarkdownText为UGUI Text的扩展加强版,支持在运行时解析并显示Markdown格式的文本。

二、支持的Markdown语法

目前它仅支持一些常用的Markdown语法。

标题

在这里插入图片描述

在这里插入图片描述

强调文本

在这里插入图片描述

在这里插入图片描述

表格

在这里插入图片描述

在这里插入图片描述

嵌入图像

在这里插入图片描述

在这里插入图片描述

超链接

在这里插入图片描述

在这里插入图片描述

三、使用

Text组件替换为MarkdownText组件即可。

MarkdownText设置项

MarkdownText组件面板,Markdown的设置项默认折叠:

在这里插入图片描述

点击打开后,可以看到Markdown的相关设置项:

在这里插入图片描述

1.Parse In Awake:在Awake时,便主动解析文本一次。
2.Hyperlink Underline:为超链接显示下划线(这将带来额外开销,但并不大)。
3.Table Row Height:表格行高度。
4.Sprite Assets:嵌入图像时,如果使用id模式,则此为图像的图集。
5.Table Template:表格绘制模板。
6.On Click Hyperlink:超链接点击事件。
7.On Click EmbedTexture:嵌入图像点击事件。

运行时属性

在运行时,会多出如下2个属性:

在这里插入图片描述

1.Raw Text:Markdown解析前的原始文本。
2.Pure Text:Markdown解析后的纯净文本,不含任何Markdown标记和富文本标记。

解析

勾选Parse In Awake后,MarkdownText会在Awake时主动解析一次,但之后若手动修改了textMarkdownText并不会主动解析,因为考虑到解析的成本。

所以,每次修改text后,需根据情况主动调用解析:

            _markdownText.text = "新的 Markdown 文本内容......";
            _markdownText.ParseRawText();

如果Markdown文本中有嵌入网络图像,则会有下载图像的过程,所以ParseRawText是一个延时可等待的方法,等到解析完成后,text会被重新赋值为解析后的富文本原始文本纯净文本则可通过上文的两个属性获取。

            _markdownText.ParseRawText(() =>
            {
                //解析完成......
            });

使用ID模式嵌入图像【图文混排】

Markdown的嵌入图像语法为:

![图像](https://......)

使用ID模式则为:

![图像](id:1)

此时,解析程序会根据id去图像图集中匹配图像,图像图集如下:

在这里插入图片描述

使用此快捷菜单创建新的图像图集:

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

神码编程

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值