PHP 将 HTML 转换为原始但保留断线

Question

My project was running smoothly pushing the value of a <textarea> into PHP and the content published in social media (facebook, twitter) was exactly like the user wrote in the <textarea> .

Recently the client decided to implement mentions and in order for this to work I had to convert the <textarea> into a <div contenteditable="true"> and instead of sending the value to PHP I started sending the HTML. Needless to say this is where the headaches started.

Written in the contenteditable:

One more test 👍
Lets go! www.google.com
#testone #testtwo

Sent from JS to PHP:

One more test&nbsp;<span>👍</span><div><span>Lets go! www.google.com</span></div><div><span>#testone #testtwo</span></div>

PHP parsed & saved in DB:

$text = preg_replace('#\<(.+?)\>#', ' ', $text);
$text = str_replace('&nbsp;', ' ', $text);

Value stored in DB:

One more test
 👍   Lets go! www.google.com    #testone #testtwo

As you can compare, the value stored in DB & the value initially written in the contenteditable is not the same, thus my problem. The contenteditable has the css white-space: pre-line; .

The breaklines are not being stored properly and sometimes neither the space between words. How can I improve my PHP parse?

Answer 1

update:

You can use the strip_tags function to delete tags

Example:

$text = strip_tags('One more test&nbsp;<span>👍</span><div><span>Lets go! www.google.com</span></div><div><span>#testone #testtwo</span></div>');
echo $text;

Result:

One more test 👍Lets go! www.google.com#testone #testtwo                                                                                                               

Old:

You can use the htmlentities function to store in the database

And then use to display the same text

Example:

$text = htmlentities('One more test&nbsp;<span>👍</span><div><span>Lets go! www.google.com</span></div><div><span>#testone #testtwo</span></div>');
echo $text;

Result:

One more test <span>👍</span><div><span>Lets go! www.google.com</span></div><div><span>#testone #testtwo</span></div>

Use on page:

If you want only the text to be displayed in the same way:

 One more test <span></span><div><span>Lets go. www.google;com</span></div><div><span>#testone #testtwo</span></div>

If you want the code to run:

use html_entity_decode function to decode

$result = html_entity_decode('One more test <span>👍</span><div><span>Lets go! www.google.com</span></div><div><span>#testone #testtwo</span></div>');
echo $result;

Results on page:

 One more test&nbsp;<span></span><div><span>Lets go. www.google.com</span></div><div><span>#testone #testtwo</span></div>

Answer 2

Solved .

1. Is stored in the DB with the breaklines
2. Is shown in the contenteditable with breaklines without the use of nl2br() function
3. Is sent to Facebook & Twitter with the breaklines

When someone presses ENTER it creates a <div>....</div> , so I just replaced the <div> for the \n new line.

$text = str_replace('<div>', "\n", $text);
$text = preg_replace('#\<(.+?)\>#', ' ', $text);
$text = str_replace('&nbsp;', ' ', $text);