关于在div标签中实现换行空白格展示

开发过程中可能遇到这样的问题，在编辑器保存输出的内容包含
换行标签需要在各个场景的div中展示文字换行及空格效果，这时怎么做最不费力？？一步一步来。

1.在内容保存时用正则将
标签替换成换行符\r\n, 此时输出的内容都是带换行符的。
str = str.replace(/<br\s*/?>/gi,"\r\n");

2.在各个场景的div需要展示文字的时候增加一个css样式,这个样式基本兼容所有浏览器，属性设置处理元素内的空白white-space:pre-wrap;