Tips for creating a line break in an email

I've been working on creating an email sender using the following code:

var link = "mailto:example@gmailcom"
+ "<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c0ffa3a3fdadb9838380a7ada1a9aceea3afad">[email protected]</a>"
+ "&subject=" + encodeURIComponent("Order")
+ "&body=" + encodeURIComponent("Some random send string <br>Some more send string");

window.location.href = link;

However, I'm having trouble with the
tag not functioning as expected. Any suggestions on how to create a line break?

Answer №1

The reason you are encoding the break tag:

encodeURIComponent("Some random send string <br>Some more send string")
// 'Some%20random%20send%20string%20%3Cbr%3ESome%20more%20send%20string'

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Shift the sideways movement of the triangle symbol

I currently have a main menu in the header with links, accompanied by a moving triangle that changes position as the user hovers from one page to another. While I want to maintain the dynamic movement, I am seeking a smoother transition effect similar to w ...

Unable to utilize static files in node.js and express

Attempting to utilize node.js and express for crafting a chat client has proven to be a bit challenging. Whenever I attempt to incorporate external CSS or JS files, I encounter GET errors. My current configuration in index.js is as follows: var express = ...

What is the best way to implement a nested side menu in Ionic Framework?

Greetings! I'm currently attempting to incorporate a nested menu within a side menu. For instance, take a look at this example: http://codepen.io/ionic/pen/QwamEW When I select a menu item, a new page (new form) opens. However, I would like for th ...

Is there a way to update the playlist using JavaScript without having to refresh the website every time it reloads?

Howlerjs is being used to generate a playlist on my website, similar to the example provided here: Below is the JavaScript code for the aforementioned example: var radio = new Radio([ { freq: '81.4', title: "BBC Radio 1", src: &ap ...

Angular: facing difficulty displaying static html pages on server, although they render correctly when run locally

Within my Angular project, I have stored a few static html files (specifically sampleText.html) in the src/assets/html folder. In one of my components, I am attempting to fetch and display this file. The following code is being used for this purpose. Every ...

How can I change the background color of my notification box to red if the count is not equal to zero?

When the count equals 0, I don't want any effect on the notification box. However, when the count is not equal to zero, I want the notification box to turn red. I tried implementing this, but it's not working as expected. By not working, I mean n ...

Incorporate a class into the fixed navigation menu using fullpage.js

I am attempting to modify the behavior of a sticky menu as the user scrolls down using fullpage.js. My goal is to have the #top-wrapper behave normally when the first section/page loads, and then add a class of is-fixed as you scroll down. When scrolling ...

What is the best way to filter an array in Angular?

When I type in the input field, only the list items containing my input will be displayed in the unordered list. For example, if I type "Ad", then only the list item with "Add some todos" will be shown. When I clear the input, all the list items will reapp ...

Angular directives do not recognize HTML tags as elements but rather treat them as plain text

Let's consider this scenario: There is a function called foo() in my controller: $scope.getOffers = function(){ var txt1 = "aaaa" + "<br>" + "bbbb"; $scope.newData = txt1; }; Here is the relevant HTML snippet: <div class="help-b ...

The Camera component in React Native is not currently supporting foreground service

Trying to capture images in a foreground service, such as taking pictures while the user is using another app. Everything works fine within the app, but when the app is closed with the foreground service active, the camera stops working and shows this erro ...

Error encountered during sequelize synchronization: SQL syntax issue detected near the specified number

Four Sequelize Models were created using sequelize.define();. Each model is similar but with different table names. To avoid manual creation of tables in MySQL cli, the decision was made to use sequelize.sync() in the main index.js file to allow Sequelize ...

How to set a referer in C# using EO.WebBrowser

Looking for a solution to modify the referer in EO.WebBrowser. I know you can change the User-Agent using: webView1.CustomUserAgent, but it seems there isn't a direct method for changing the referrer. Are there any alternative approaches to achieve th ...

Can we utilize object properties in this manner?

Hey there! I've been experimenting with the react-bootstrap library recently, trying to get better at using it. While going through the tutorial, I came across some ES6 code that caught my attention. function FieldGroup({ id, label, help, ...props } ...

Generate rows from segmented array information

Here's a sample table with some data: T som da pap ------------------------------ A | soma | label | nami | ---------------------------- B | a:b | acha | wen:nda | ----------------------------- C | d ...

Issue: Unrecognized security method called "local" (Express & Passport)

I'm currently attempting to implement passport authentication within my express application. router.get('/register', (req, res) => { res.render('register'); }); router.post('/register', function(req, res, next) { ...

Executing jQuery after the body has finished loading

I'm trying to execute a JavaScript function once the body has finished loading. My framework loads the header and footer from static files, while the body content is dynamic. I read online that I should place the $(elem).load(function()) at the end of ...

How can you iterate over an array of objects that are sent to a component using Vuex Store and a computed property?

I am currently working on a project to familiarize myself with Vuex. As part of this project, I am setting up an array of objects in my store as shown below: Vuex Store: import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); export default new ...

Is there a way to override the log file in Node.js when it reaches the file size limit without enabling the createSy

Currently, I have a NodeJS service operating within a Docker container and attaching the log file to another service (also within Docker) that processes the file and sends it to ElasticSearch (referred to as the exporter). Unfortunately, the exporter is un ...

Vue data will remain inaccessible until the JSON.stringify() function is executed

Dealing with this problem is tricky for me as it involves complex behavior that I haven't encountered before in JavaScript or Vue.js. I aim to simplify the code to focus on the most crucial aspects. I utilize vue-class-component (6.3.2) to define my ...

sending XML data through Google Maps API V3

While working on integrating the google maps api v3, I encountered an issue when trying to pass an XML file to populate the map with results. Upon checking the PHP file responsible for generating the XML data, everything seems to be in order. The PHP file ...