wangEditor 富文本中按下enter键,再按空格,显示出来的内容没有换行

5fjcxozz  于 4个月前  发布在  其他
关注(0)|答案(2)|浏览(43)

bug 描述

场景:我想再两行字中间加一行空行,于是按下enter键,接着又按了一下空格,正常来说空格不应该影响换行,但是enter+空格 空行就没了
1.只按下enter是有换行的
2.富文本中是有换行的,但是富文本产出的内容拿到其他地方没有换行

你预期的样子是?

按下enter + 空格可以空出一行

系统和浏览器及版本号

  • windows
  • chrom浏览器 126.0.6478.183(正式版本) (64 位)

wangEditor 版本

"@wangeditor/editor": "^5.1.23",
"@wangeditor/editor-for-vue": "^5.1.12",

demo 能否复现该 bug ?

不能,因为在富文本中可以正常显示,富文本产出的内容在html页面中无法正常现实。

在线 demo

请尽量提供在线 demo (推荐以下网站),帮助我们最低成本复现 bug

最小成本的复现步骤

(请告诉我们,如何最快的复现该 bug)

富文本中输入1,接着按下enter + 空格,再输入enter,接着输入2。再把富文本生成的值粘贴到空白html页面的标签中
,预期的html页面的内容应该是1和2中间有一行空行,但是并没有

v8wbuo2f

v8wbuo2f1#

因为enter键生成的p标签在富文本中是有高度的,但是富文本产出内容中的p标签拿到其他html中没有高度,这个怎么解决呢?

xbp102n0

xbp102n02#

  1. 服务端 gethtml 时 给 p 标签添加 高度
  2. 自定义复制逻辑,将样式高度样式加进 p 标签中

这两个方式都可以在 docs 中搜到,推荐使用这个我重构后的文档,暂时没有改变文档内容,但是搜索引擎更好用。

相关问题