XML tags are often used to generate styled text on web pages. For example, cascading style sheets (CSS) are used to style webpages in order to make them look pretty and provide a consistent look and feel. CSS is used by a web designer to style webpages in such a way that they are consistent and look good. But since the web is evolving very quickly, we are stuck with the old way of styling webpages, which is to use XML tags like div or p to specify which CSS styling rules to apply to a given element.

In this article, I’ll teach you to generate styled text from XML tags. You can create your own custom text styles to freely adjust your UI’s font styles. You can even create your own XML tags to generate your own custom text styles.

While working with SwiftUI text elements, it’s sometimes necessary to generate a text string from the element content. You can accomplish this using the UILabel class’s text property, which generates a string based on the label’s current contents. However, if the content is in an XML tag, the resulting string won’t be styled consistently across the system.


XMLText is a mini library that generates SwiftUI text from a given XML tagged string. It uses the + text operator to compose the final result. Text( xmlString : my localized and formatted string, styleGroup : myStyleDefinitions ) The original idea came directly from Daniele Margutti’s SwiftRichString library on GitHub. The code to parse XML, StyleProtocol and StyleGroup is taken from this library, with minor modifications to make SwiftUI Text instead of NSAttributedString. This is very useful for locating styled string applications without having to know the location of the strings in the code to be styled. This is a pretty good alternative to using NSAttributedString with UIViewRepresentable UILabel in a SwiftUI application, since the UIViewRepresentable markup for dynamic views like UILabel doesn’t always work and is prone to errors when combined with other SwiftUI views.


word-image-6027 iOS 14.0 / macOS 11.0 / tvOS 14.0

Text Modifiers Supported


Foreground color(Colour)

crossed out (colour)

Underscore (color)




Duty model

Here is an example of the XML strings that will appear in your Localizable.strings files, with the words for each language in a different order, i.e. English and Swedish in this example. If you are not familiar with this approach, note that style information (such as StyleGroup keys) is also contained in localized strings. // This goes to English Localizable.strings let englishXML = %[email protected] %[email protected] // This goes into the Swedish Localizable.strings lets swedishXML = %[email protected] %[email protected] let normalStyle = Style { style in style.font = .subheadline style.foregroundColor = .red } let italicStyle = Style { style in style.font = Font.italic(.system(size : 20))() style.foregroundColor = .blue } let styleGroup = StyleGroup( base : normalStyle, [italicStyle : italicStyle] ) Text( xmlString : String(format : englishXML, Director, Martin), styleGroup : styleGroup ) Text( xmlString : String(format : swedishXML, Director, Martin), styleGroup : styleGroup )

References (not supported)

Currently, SwiftUI does not allow other display elements (e.g., a button) to be merged with text elements using the + operator. Adding gesture recognition to pieces of text using the + operator is also not supported because gesture recognition modifiers return an opaque display type, meaning it is no longer text and cannot be added to other text. If you have only one reference in a particular paragraph or sentence, you can avoid using touch screen recognition on the entire paragraph or sentence generated by the XMLText library. If you have multiple references in one sentence or paragraph, good luck with NSAttributedString and UIViewRepresentable from UITextView. ♂️

Images (not supported)

As for links, SwiftUI does not currently allow image and text elements to be combined using the + operator.

XML custom attributes (not supported)

For example: This feature is not currently supported, for reasons of simplicity and because the library does not have enough functionality to make it worthwhile. If use cases arise in this context, an approach similar to the XMLDynamicAttributesResolver in the SwiftRichString library may be considered in the future.


https://github.com/cocoatoucher/XMLTextText in your app can be a pain if you don’t have an elegant way to display it. That’s why I created a framework called SwiftUI, which makes it easy to generate styled text from your strings, and has been used in several apps including the iOS and Android versions of the blog.. Read more about nsattributedstring and let us know what you think.

swiftui attributed string linkswiftui text to stringswiftui attributed string htmlnsattributedstringswiftui html textswift bold text in string,People also search for,Privacy settings,How Search works,swiftui attributed string link,swiftui text to string,swiftui attributed string html,nsattributedstring,swiftui html text,swift bold text in string,change font of attributed string: swift,nsattributedstring builder

You May Also Like

WiFi Not Showing Up In Windows 10? 20 Solutions To Fix It

WiFi is a blessing, but it can also be a curse. Sure…

How To Fix Error 0x80240034 [Windows Updates Error] In Windows 10

Error 0240034 may occur when updating Windows 10 or viewing the update…

How to Get iMessage on Android Phone

iMessage is Apple’s proprietary messaging platform for iPhone, iPad, Mac and iPod…

Fix: Personal Hotspot not working on iPhone

Using your device’s mobile data as a hotspot for multiple other devices…