由于数据是由后台富文本编辑器转换过来的,所以排除主动设置行内样式的方法,传递过来的数据不换行原因可能是:
- 富文本编辑器的问题
- 不支持行内样式(解决:起class名,把换行样式写到class内)
- 由于传递过来的数据含有
pre
标签 (解决:过滤一下pre
标签)
<rich-text style="word-wrap: break-word;word-break: break-all;" :nodes="dataForm.richtContent"></rich-text>
...
// 限制图片大小
richtContent = richtContent.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:block;"');
// 过滤 pre 标签
richtContent = richtContent.replace(/<(\/)?pre[^>]*>/gi, '');
...