HTML पर सीएसएस के माध्यम से पैडिंग टेक्स्टव्यू के लिए जिम्मेदार पाठ

Question

मैं HTML सामग्री के साथ एक टेक्स्टव्यू प्रस्तुत कर रहा हूं। मैंने कुछ "div" टैग लिया है और उन पर कुछ सीएसएस लगाया है। मुझे एक सीएसएस वर्ग का उपयोग करके "div" पर पैडिंग लगाने के दौरान एक समस्या का सामना करना पड़ा जो टेक्स्टव्यू पर प्रतिपादन के बाद div पर प्रतिबिंबित नहीं कर रहा है। मैंने एचटीएमएल सामग्री स्ट्रिंग को एक जिम्मेदार स्ट्रिंग में कनवर्ट करने के लिए निम्न विधि का उपयोग किया।

if let htmlData = htmlContent.dataUsingEncoding(NSUnicodeStringEncoding, allowLossyConversion: true) { 
    do { 
     return try NSMutableAttributedString(
         data: htmlData, 
         options: [NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType], 
         documentAttributes: nil) 
    } 
    catch let error as NSError { 
     printDebuggingMode("Couldn't translate \(htmlContent): \(error.localizedDescription) ") 
    } 
} 

मैं टेक्स्टव्यू में छवि में नीचे दिए गए जैसा कुछ हासिल करना चाहता हूं।

.padding { 
    padding-left: 20px; 
} 

Answer 1

समस्या यह है कि UITextViewगद्दी HTML सामग्री के अंदर विशेषताओं का समर्थन नहीं करता है। इस बात को ध्यान में रखते हुए आपके पास दो विकल्प हैं:

एक ओर, UIWebView का उपयोग करें, जैसा कि उत्तरों में सुझाया गया है। आपके पास UITextView जैसा ही कार्यक्षमता होगी, लेकिन आपको इस तरह के कुछ का उपयोग करके अपने टेक्स्ट की ऊंचाई की गणना करनी होगी:

यह विधि UITextView के इन्सेट पर विचार किए बिना ऊंचाई लौटाती है, आपको जोड़ने की आवश्यकता होगी बाद में

func heightForText(text: String?, width: CGFloat) -> CGFloat { 

    //Get attributed text from string 
    let attributedText = text?.toHtmlTextWithAttributes() 

    if let attributedText = attributedText { 
     let rect = attributedText.boundingRectWithSize(
      CGSizeMake(width, CGFloat.max), 
      options: [.UsesLineFragmentOrigin, .UsesFontLeading], 
      context: nil) 
     return rect.height 
    } 

    //Return any default height 
    return 100 
} 

यहाँ String विस्तार जो NSAttributedString में पाठ बदल देती है।

extension String { 
    public func toHtmlTextWithAttributes() -> NSAttributedString? { 

     let encodedData = self.dataUsingEncoding(NSUTF8StringEncoding) 

     if let data = encodedData { 

      let paragrahpStyle = NSMutableParagraphStyle() 
      paragrahpStyle.lineBreakMode = .ByWordWrapping 
      let attributes: [String: NSObject] = [ 
       NSParagraphStyleAttributeName: paragrahpStyle, 
       NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType, 
       NSCharacterEncodingDocumentAttribute: NSUTF8StringEncoding 
      ] 

      return try! NSAttributedString(data: data, options: attributes, documentAttributes: nil) 
     } 

     return nil 
    } 
} 

इसके अलावा UITableViewAutomaticDimension के उपयोग अनुशंसित नहीं है, क्योंकि काफी बड़ी सूचियों में यह प्रदर्शन के मुद्दों को जन्म दे सकती।

दूसरी ओर, यदि आपको सभी माध्यमों से UITextView का उपयोग करने की आवश्यकता है, तो आप HTML को पार्स कर सकते हैं, शीर्षक और अनुच्छेद निकालें और उन्हें दो अलग UITextView में प्रदर्शित कर सकते हैं। `को

textView.textContainerInset = UIEdgeInsetsMake(0, 20, 0, 0)