Show paragraph text in webpage in next line and with space | Community
Skip to main content
G
Greeshma_Sampath1
Level 4
February 1, 2022
Solved

Show paragraph text in webpage in next line and with space

  • February 1, 2022
  • 3 replies
  • 2664 views

Hi All,

 

I have created 2 webpages. In 1st webpage we are customizing and giving information which should be reflected in the 2nd webpage.

So the process is in 1st webpage I am entering a field called Introduction with <textarea> tag (used <textarea> because the introduction can be 2-3 paragraphs). 

From 1st webpage I am entering introduction with multiple paragraphs . This data gets stored in a schema in adobe and respectively 2nd webpage will contain this introduction which was given in the 1st webpage.

The problem is in the 2nd webpage I am not able to replicate the introduction same as  entered in the 1st webpage(the paragraphs are not coming in the next line).

 

Introduction given in 1st webpage:

 

Introduction shown in the 2nd webpage

 

Is there a way in which i can show the paragraph way in the 2nd webpage?

@debtr @_manoj_kumar_ @jyoti_yadav @davidkangni 

Thanks

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Greeshma_Sampath1

Hi All,

 

I was able to achieve this by giving the below tag inside my webpage.

<textarea name="intro" class="inputwidth" id="intro" onblur="document.controller.setValue('/ctx/vars/space', this.value.replace(/\n/g,'<br>'), 'intro')" placeholder="Introduction" rows="10" cols="50" type="text">Introduction</textarea></div>

Used <textarea> tag instead of <input> and gave onblur tag inside it.

 

Thank you everyone for all the suggestions.

 

3 replies

Jyoti_Yadav
Jyoti_Yadav
Level 8
February 1, 2022

Hi @greeshma_sampath1 ,

 

How is data stored in your table? You will be able to show paragraphs if it is saved in that way in the table.

I will suggest save <br> tags before each paragraph begins..

 

Thanks,

Jyoti

G
Greeshma_Sampath1Author
Level 4
February 1, 2022

Hi @jyoti_yadav 

Thank you for the response.

I am storing the data in schema as a text field. So while entering the data the client should enter <br> also right . So to avoid that is there a  away?

Thanks

Manoj_Kumar
Community Advisor
Manoj_KumarCommunity Advisor
Community Advisor
February 1, 2022

Hello @greeshma_sampath1 

 

You can use a rich text editor (like summernote) in the textarea.

 

Documentation is available here:

https://summernote.org/getting-started/

 

Thanks,

Manoj

 

 

Manoj     Find me on LinkedIn
G
Greeshma_Sampath1Author
Level 4
February 1, 2022

Hi @_manoj_kumar_ ,

 

Thank you for the response.

Will try this.

 

thanks

Kishore_Padamata
Adobe Employee
Kishore_PadamataAdobe Employee
Adobe Employee
February 4, 2022

Hello @greeshma_sampath1 
Try displaying the variable within pre tag

<pre>xxxx xxxx</pre>

Hope this helps!

G
Greeshma_Sampath1AuthorAccepted solution
Level 4
February 11, 2022

Hi All,

 

I was able to achieve this by giving the below tag inside my webpage.

<textarea name="intro" class="inputwidth" id="intro" onblur="document.controller.setValue('/ctx/vars/space', this.value.replace(/\n/g,'<br>'), 'intro')" placeholder="Introduction" rows="10" cols="50" type="text">Introduction</textarea></div>

Used <textarea> tag instead of <input> and gave onblur tag inside it.

 

Thank you everyone for all the suggestions.

 

Terms & ConditionsAccessibility statement

Loading footer...