Forum | Appery.io

how to format text in the text component to look like paragraphs as opposed to one big paragraph?

Hi Kurt,

You could use HTML component (WYSIWYG):
https://getsatisfaction.com/apperyio/...

hey thanks for the reply, and sorry for responding so late but i dont think that is waht i meant

as in , i have a text component and i want (while using the phone) the user to input song lyrics from on the phone .currently when i copy paste lyrics or type them in it text component from on my phone and save it , everything comes out in one paragraph but i want it displaying (on the users phone in verses structure.

i tried playing around with the wisiwig thing and not quite understanding how to use it like how i described it above

Hi Kurt,

Run this CSS to apply a new line symbol to a Label component:pre[name=labelName]{
white-space: pre-wrap;
}/preWhere 'labelName' is a Label component name.

hey im not getting that to work still...or i probably dont know how to apply it ....ive been trying for the last half an hour

hey im not getting that to work still...or i probably dont know how to apply it ....ive been trying for the last half an hour

Hello!

Please describe all your steps of applying?

If someone types into a textarea, or pastes text, with paragraphs, and you then save it to the database and look at what you have just written, it looks like this:

With the paragraphs gone, and its just one clump, which is out of context. The above text was written with textarea and it had 5 paragraphs.

Using the CSS above, does not change this look.

So the question is, how do we save text in HTML, so it can again be printed in HTML, so the text is printed correctly.

Scrub the above, it does work, but you need to do this:

pre
white-space: pre-wrap !important;
/pre

And add this to a class, and make sure the class is in the element class box.

Thank you for sharing!