Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/siuying/react-native-htmltext

Use HTML like markup to create stylized text in ReactNative.
https://github.com/siuying/react-native-htmltext

Last synced: about 1 month ago
JSON representation

Use HTML like markup to create stylized text in ReactNative.

Lists

README 

        
# react-native-htmltext



WIP: Experiment to use HTML like markup to create stylized text in react-native.



## Why?



React Native provide a Text element for stylized text. Instead of using ``NSAttributedString``, 

you creat nested Text:



```



  I am bold 

   and red 



```



While this approach is excellent for static interface text, what if we have dynamic text with format we 

do not know until we use it? ``HtmlText`` is a component to present a limited subset of HTML as

React Native views.



**Important**: This is not going to replace your ``WebView`` for HTML rendering, instead it use a

limited subset of HTML and try to present it using native ``Text`` elements in a reasonable way.



## Example 



### Input



```javascript

render: function() {

  var html = `
Hello world world foo bar hahh
`

  return (

    

      

    

  );

}

```




### Input 



```javascript

render: function() {

  var html = `


Hello world world foo 


bar hahh


`

  return (

    

      

    

  );

}

```