Expand my Community achievements bar.

Announcing the launch of new sub-community for Campaign Web UI to cater specifically to the needs of Campaign Web UI users!
SOLVED

Display the Content one by one in Email Delivery

Avatar

Level 4

Hi 

vani97_0-1707412034839.png
In what ever im giving in paragraph input field in this format
Its storing as 1.Hello 2 .Hi  like this format as single line.

and the content should be displayed in email delivery exactly as follows:

  1. Hello
  2. Hi

Each sentence is to be presented separately in the email, maintaining the original formatting provided in the input attribute.

vani97_1-1707415598218.png

Im using this attribute to display the content in Email delivery 


Can anyone resolve this issue ?




 

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

You will have to use some kind of wysiwyg editor.

 

Try using https://summernote.org/


     Manoj
     Find me on LinkedIn

View solution in original post

8 Replies

Avatar

Community Advisor

Hello @vani97 

 

Try this code:

<pre><%= targetData.mom %></pre>

     Manoj
     Find me on LinkedIn

Avatar

Level 4

Thank God Finally i got a reply Thanks @Manoj_Kumar_ 
Sure will check it out and let you know Please be in touch 

Avatar

Level 4

Hi @Manoj_Kumar_ 
Its displaying single line . not moved in to new line ..
Sending Email and continues delivery i have given in the target mom attribute.

vani97_0-1707718691801.png

 

Avatar

Correct answer by
Community Advisor

You will have to use some kind of wysiwyg editor.

 

Try using https://summernote.org/


     Manoj
     Find me on LinkedIn

Avatar

Level 4

What whether its relevant to my question

I couldnt understand sorry

FYI : I giving my inputs through webapplication from that variable im displaying the response in email delivery !

Avatar

Community Advisor

Hello @vani97 

 

The textarea input won't retain the line breaks. You will have to use some kind of editor to achieve this.

 

Try using Summernote editor 


     Manoj
     Find me on LinkedIn

Avatar

Level 4

Hi @Manoj_Kumar_ 

So should we need to  integrate with it through api right?
For utilizing the text editor in our web application?

Avatar

Community Advisor

Hello @vani97 

 

Add these scripts in <head> section of your web app code

<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<!-- include summernote css/js -->
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>

 

Then  add id="summernote" to your textarea input like this:

<textarea id="summernote" name="editordata"></textarea>

 

At the bottom of the page add this javascript code:

<script>
$(document).ready(function() {
  $('#summernote').summernote();
});

</script>

 


     Manoj
     Find me on LinkedIn