Replace the line breaks contained in the strings in textarea with the javascript code of lt; brgt;

1st Floor
Textarea. value. replace (/\ n/g, "<br> ");
2nd floor
S = textarea. value. replace (/\ r \ n/g, "<br> ");

Third floor
Change immediately when pressed
V id = "a" contentEditable = "true" style = 'border: 1 solid black'>
In fact, many people have discussed this before. It is terrible to compare multiple code methods. If you don't need it, you don't have time to study it. Now I have tried it for you. In fact, it's easy to solve it :)
<P> about the Microsoft HTML editing control, click the Enter key to insert the <p> instead of <br> solution </DIV> <p>
<Div style = 'border: 1 solid black 'contentEditable = "true"> editing controls that have not been processed by scripts </div>
<Script>
Function a. onkeypress (){
If (event. keyCode = 13 ){
Var txtobj = document. selection. createRange ()
Txtobj. text = ""? Txtobj. text = "\ n" :( document. selection. clear () & (txtobj. text = "\ n") // composite expression to solve the cursor positioning problem of carriage return when selected text exists
Document. selection. createRange (). select ()
Return false
}}
</Script>
4th floor
Change immediately when pressed
V id = "a" contentEditable = "true" style = 'border: 1 solid black'>
In fact, many people have discussed this before. It is terrible to compare multiple code methods. If you don't need it, you don't have time to study it. Now I have tried it for you. In fact, it's easy to solve it :)
<P> about the Microsoft HTML editing control, click the Enter key to insert the <p> instead of <br> solution </DIV> <p>
<Div style = 'border: 1 solid black 'contentEditable = "true"> editing controls that have not been processed by scripts </div>
<Script>
Function a. onkeypress (){
If (event. keyCode = 13 ){
Var txtobj = document. selection. createRange ()
Txtobj. text = ""? Txtobj. text = "\ n" :( document. selection. clear () & (txtobj. text = "\ n") // composite expression to solve the cursor positioning problem of carriage return when selected text exists
Document. selection. createRange (). select ()
Return false
}}
</Script>
5th floor
Change immediately when pressed
V id = "a" contentEditable = "true" style = 'border: 1 solid black'>
In fact, many people have discussed this before. It is terrible to compare multiple code methods. If you don't need it, you don't have time to study it. Now I have tried it for you. In fact, it's easy to solve it :)
<P> about the Microsoft HTML editing control, click the Enter key to insert the <p> instead of <br> solution </DIV> <p>
<Div style = 'border: 1 solid black 'contentEditable = "true"> editing controls that have not been processed by scripts </div>
<Script>
Function a. onkeypress (){
If (event. keyCode = 13 ){
Var txtobj = document. selection. createRange ()
Txtobj. text = ""? Txtobj. text = "\ n" :( document. selection. clear () & (txtobj. text = "\ n") // composite expression to solve the cursor positioning problem of carriage return when selected text exists
Document. selection. createRange (). select ()
Return false
}}
</Script>