How to add New line to a div contenteditable in javascript?

Question

Basically I'm using a div with contenteditable as a text box. Now when I input a newline (By pressing enter) it doesn't counts it and escaps it.

Jsfiddle: https://jsfiddle.net/pgsp7q57/3/

You can input:

Hello
How are you

And see the result by yourself which is( hellohow are you ) But I need to get the result as:

Hello
How are you

All replies are much appreciated.

Answer 1

Try this code .

var hello = "hello<br>how\nare\nyou";
document.getElementById("hey").innerHTML = hello;