Ability to read and show line breaks

[ardowz]

When the text includes characters like \n\r or <br/> or Text that are surrounded with <p>. It would not be converted into line breaks.

[lagroms]

I'm looking for the same feature

[tavoparra]

Need the same feature here

[JulianBristol]

Had the same issue. I used \n line breaks and CSS to fix the issue
To fix, use something like this:

import React from "react";
import TextTruncate from "react-text-truncate";
import "./styles.css";

const TruncatedText = () => {
  const content = "Your long text goes here...\nWith line breaks.";
  return (
    <div>
        <TextTruncate
          line={3}
          element="span"
          truncateText="..."
          text={content}
          containerClassName="text-truncate"
        />
    </div>
  );
};
export default TruncatedText ;

Then in your CSS,

.text-truncate {
  white-space: pre-line;
}