Skip to main content

How to apply custom font on attributed HTML text

Today, I came across a very challenging situation which yields into a great learning by end of the day.

Let me give you more details about this to you.


Task: I am getting attributed HTML text which already has multiple tags like bold and line break. I want to show the attributed text in custom font keeping the existing tags.

Problem: When I applied custom font on attributed text, the existing tags like bold and line break overrides.

Solution: I found a style tag which needs to apply on the attributed text.

let modifiedFont = String(format: "<span style=\"color:#000000;font-family: '-apple-system', 'SFProText-Regular'; font-size: \(self.font?.pointSize ?? 14.0)\">%@</span>", htmlText)



Code example:


extension UITextView {
    func setHTMLFromString(htmlText: String) {
        let modifiedFont = String(format: "<span style=\"color:#000000;font-family: '-apple-system', 'SFProText-Regular'; font-size: \(self.font?.pointSize ?? 14.0)\">%@</span>", htmlText)

        do {
            let attrStr = try NSAttributedString(
                data: modifiedFont.data(using: .unicode, allowLossyConversion: true) ?? Data(),
                options: [.documentType: NSAttributedString.DocumentType.html, .characterEncoding: String.Encoding.utf8.rawValue],
                documentAttributes: nil)

            self.attributedText = attrStr
        } catch {
            self.text = htmlText
        }
    }
}

Comments

Post a comment

Popular posts from this blog

Vector graphics in iOS

In past, designers had to create multiple versions of the same asset (1x, 2x, 3x) to satisfy multiple screen sizes. Using vector assets can save you time because you only have to generate the asset once.  You just need an .xcassets  file in your project for storing your images. In there, you can declare image sets to be “Vectors”. A vector file contains a lot of metadata of an asset that tells the system how to render it's contents, independent of the screen's resolution.  This also means that whenever we get larger screen resolutions, Xcode will be able to scale up your images from your already existing vector PDF for you, giving you automatic support for future devices for free. Steps:- Select “New Image Set” in your  XCAsset. Select the Attributes Inspector in Utilities panel. Under the types drop-down menu, select "Vector" Drag and drop your vector PDF Use the Xcode image catalog image set as you would with any other image. For instance, calling --im

Disabling print for Production In Swift Project

You'll need to set up a compiler flag to use the Swift preprocessor - go to the Swift Compiler - Custom Flags section of Build Settings to set up a -D DEBUG flag: Then in your code you can define a DLog() function and only print your message if the DEBUG flag is set: func DLog (message: String , function: String = __FUNCTION__) {     #if DEBUG     println( "\(function): \(message)" )     #endif }

Return multiple values from a function in objective C

We can return tuples in swift as follows:- func getData () -> ( Int , Int , Int ) { //...code here return ( hour , minute , second ) } You can't do that in objective-c. Best option is using parameters by reference . Something like this. - ( void ) getHour :( int *) hour minute :( int *) minute second :( int *) second { * hour = 1 ; * minute = 2 ; * second = 3 ; } And use it like this. int a , b , c ; [ self getHour :& a minute :& b second :& c ]; NSLog (@ "%i, %i, %i" , a , b , c );