Hekyのblog

html显示原始换行

使用 white-space 的 CSS 样式

可以用 CSS 的 white-space 属性来实现换行符的显示。

具体代码:

export default function Display({ content }) {
  return (
    <div style={{ whiteSpace: "pre-wrap" }}>
      {content}
    </div>
  );
}

例如:
输入的内容 "12312\\n123132" 会渲染为:

12312
123132

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »