how to make text line break in flex textarea

Question

I have a string

var s:String = "This is a line \n This is another line.";
this.txtHolder.text = s; //.text has \n, not a new line

and i want to put it into a text area, but the new line character is ignored. How can i ensure that the text breaks where i want it to when its assigned?

score 44 · Accepted Answer · edited May 19 '16 at 13:40

44

On flex, while coding \n is working well on mxml or any xml to define a line just use &#13; line entity.

I mean:

lazy&amp;#13;fox

gives us

lazy<br />
fox

edited May 19 '16 at 13:40

Francisco Romero

12,787
22
92
167

answered May 04 '09 at 04:33

5

Flex 4.5 seems to prefer over – MonoThreaded Dec 23 '11 at 16:04

score 9 · Answer 2 · answered Oct 05 '09 at 18:50

9

not {\n} but {'\n'}

answered Oct 05 '09 at 18:50

Guillaume Morin

91
1
1

score 5 · Answer 3 · answered Sep 24 '10 at 22:56

5

@radekg

The OP is referring to the text string written in MXML syntax:

<mx:TextArea text="This is a &#13; new line" />

answered Sep 24 '10 at 22:56

noobular

3,257
2
24
19

score 3 · Answer 4 · answered Nov 24 '08 at 18:23

3

Try

"This is a line {\n} This is another line."

Alternatively, use the htmlText attribute and use

"This is a line <br> This is another line."

answered Nov 24 '08 at 18:23

Hates_

66,613
6
32
37

score 0 · Answer 5 · answered Jun 17 '09 at 20:26

I just tested following code:

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"
    creationComplete="onComplete();">
    <mx:Script>
        <![CDATA[
            private function onComplete():void {
                var s:String = "This is a line \n This is another line.";
                this.txtHolder.text = s;
            }
        ]]>
    </mx:Script>
    <mx:TextArea id="txtHolder" />
</mx:WindowedApplication>

and with mx:Text

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"
    creationComplete="onComplete();">
    <mx:Script>
        <![CDATA[
            private function onComplete():void {
                var s:String = "This is a line \n This is another line.";
                this.txtHolder.text = s;
            }
        ]]>
    </mx:Script>
    <mx:Text id="txtHolder" />
</mx:WindowedApplication>

Both are working just fine. Maybe you're using mx:TextInput or mx:Label?

score 0 · Answer 6 · answered Dec 24 '13 at 06:42

0

In Flex if you are trying to place line next to previous line. Then just append it to previous line.

var line:String="Hello";
textarea1.text += line;

Now textarea1 which is your textarea in which you want to print this string will append to it.

answered Dec 24 '13 at 06:42

Anuj Sharma

4,294
2
37
53

score 0 · Answer 7 · answered Jun 10 '15 at 18:05

I just did this as follow,

protected function addToTextArea(array:Array):void
            {
                textArea.text = "Array Elements are:";
                for(var k:int = 0; k < array.length; k=k+1)
                 {
                    textArea.text = textArea.text +"\n"+ array[k];
                 }
            }

Thank you Tolgahan ALBAYRAK

score 0 · Answer 8 · edited Nov 20 '16 at 17:12

0

You should do:

var s:String = "This is a line" + "\n" + "This is another line.";
this.txtHolder.text = s;

That's it.

edited Nov 20 '16 at 17:12

Matteo Baldi

5,613
10
39
51

answered Nov 20 '16 at 16:11

Jameel

1

nevets1219 · Answer 9 · 2009-04-08T06:08:51.317

It should work or at the very least < br \> (without the spaces before the "br") should work if you are using htmlText.

I was using XML to fill in the TextArea and since I'm not entirely sure how to use HTML inside of XML (they mention that I should wrap it with CDATA tags) but I just did a simple

txt.replace("\\n", "<br/>");

Perhaps there's a better way to go about it but this works out nicely.

EDIT: I had a space after the "br"

how to make text line break in flex textarea

9 Answers9