I am creating a Richtext(WXTextView.swift) view component in Weex by extending WXComponent. Richtext component is currently not available in weex iOS sdk.
Here's my sample code of WXRichText.swift
import Foundation
import WeexSDK
import UIKit
class TextComponet: WXComponent {
var attributedText: NSAttributedString?
override func loadView() -> UIView {
let label = UILabel()
label.numberOfLines = 0
label.attributedText = attributedText
label.sizeToFit()
label.adjustsFontSizeToFitWidth = true
return label
}
override init(ref: String, type: String, styles: [AnyHashable : Any]?, attributes: [AnyHashable : Any]? = nil, events: [Any]?, weexInstance: WXSDKInstance) {
super.init(ref: ref, type: type, styles: styles, attributes: attributes, events: events, weexInstance: weexInstance)
if let data = attributes?["data"] as? String {
let htmlString = "<html><body>\(data)<body></html>"
attributedText = htmlString.htmlToAttributedString
}
}
func data(_ text: String) {
}
}
extension String {
var htmlToAttributedString: NSAttributedString? {
guard let data = data(using: .utf8) else { return NSAttributedString() }
do {
return try NSAttributedString(data: data, options: [NSAttributedString.DocumentReadingOptionKey.documentType: NSAttributedString.DocumentType.html], documentAttributes: nil)
} catch {
return NSAttributedString()
}
}
var htmlToString: String {
return htmlToAttributedString?.string ?? ""
}
}
and JS code
<template>
<div>
<text class="message">Hi Bramma</text>
<richText
:data="data"
>
</richText>
</div>
</template>
<script>
export default {
data () {
return {
data: '<p style="color:red">This text is normal.</p><p><b>This text is bold.</b></p>'
}
}
}
</script>
As expected, it's not showing any text on the native side through Weex.
You should return a view without a specific frame, and add width and height style in JS.