I am getting HTML from the backend . How can I put it in in react native

Question

(Current Output):

Coming Soon Shortly   Coming Soon Shortly   Coming Soon Shortly

When I put in <Text> , it shows   tag as it is , instead of going to the next line

(Expected output):

Coming Soon Shortly

score 1 · Answer 1 · edited Aug 28 '16 at 08:26

1

I'll assume you meant <textarea>. To put a new line use:

&#13;&#10;

Example:

<textarea>Hello World&#13;&#10;How are you?</textarea>

edited Aug 28 '16 at 08:26

Mr Lister

answered Aug 27 '16 at 08:09

Lulceltech

I am getting
tag along with some text from API . I want to break the line when
tag comes , but instead, it showing
tag in output. Output in emulator comes out to be Coming Soon Shortly Coming Soon Shortly Coming Soon Shortly" instead of : Coming Soon Shortly Coming Soon Shortly Coming Soon Shortly" – rajat44 Aug 27 '16 at 08:19
You'll have to use java script to replace the
with or use a backend to do that with php before it populates the text area. – Lulceltech Aug 27 '16 at 08:20
I have tried using it Hello World How are you? still it is showing the text in same line . what do you suggest now ? – rajat44 Aug 27 '16 at 08:32
1

@rajat44 There is no such thing as ``. So what did you mean instead? I guess that Tim's assumption is not correct, so what is it? Did you mean SVG ``? If so, the question should have been tagged [svg], and you should have written `` in lowercase, since svg is case sensitive. Or are you just inventing new tag names as you go along? – Mr Lister Aug 28 '16 at 08:31
@MrLister There is a tag in **"REACT NATIVE"**. I don't know why you and Tim are not getting it. if I put a HTML tag in my it is getting printed as a text . for ex - hi my name is
Rajat
Gupta Expected output is:- hi my name is (next line)Rajat (next line)Gupta but it is coming as :- hi my name is
Rajat
Gupta. I hope you get it now . – rajat44 Aug 28 '16 at 11:49

score 1 · Answer 2 · answered Aug 28 '16 at 08:33

1

then try to define your own Regex pattern (as @farwayer sample)

answered Aug 28 '16 at 08:33

TeYoU

Abdullah Khan · Answer 3 · 2016-08-28T06:02:08.300

0

For reactJs you can use dangerouslySetInnerHTML property to set content as HTML.

edited Aug 28 '16 at 06:02

answered Aug 27 '16 at 08:21

Abdullah Khan

What is this ? where can I read about this ? and what does it do – rajat44 Aug 27 '16 at 08:24
Please check out this link http://stackoverflow.com/questions/19266197/reactjs-convert-to-html – Abdullah Khan Aug 27 '16 at 08:26
1

dangerouslySetInnerHTML is for reactjs _not_ react native – FuzzyTree Aug 27 '16 at 20:30

score 0 · Answer 4 · answered Aug 28 '16 at 02:16

0

text = text.replace(/<\s*br\s*\/*\s*>/gi, '\n')

answered Aug 28 '16 at 02:16

farwayer

are you sure '\n' will not get printed and will work as next line? – rajat44 Aug 28 '16 at 11:50
Yes ``interprets '\n' (hex 0x0A) as new line delimiter. – farwayer Aug 28 '16 at 12:36

4 Answers4