element-tiptap icon indicating copy to clipboard operation
element-tiptap copied to clipboard

从其他网友复制内容过来,发现文字出现重叠。

Open WalsonTung opened this issue 3 years ago • 3 comments

从其他网页复制内容过来,发现文字出现重叠。经分析,应该是在解析行高时,统一按照百分比来解析了,而我复制过来的内容,行高确实em或px。

例如,复制过来的 style为 line-height:1.6em, 经过element-tiptap解析后,变成了 line-height:1.6% 。

希望作者验证一下,若确实如上分析,期盼尽快修改,多谢。

WalsonTung avatar Jun 23 '22 10:06 WalsonTung

方便提供一下复制的文本吗

Leecason avatar Jun 23 '22 13:06 Leecason

代码如下:

<p style="text-align: justify;line-height: 1.6em;">
  2025年既然是茅台销售的天花板,那么未来还有什么可以成长的呢?
</p>
<p style="text-align: justify;line-height: 1.6em;">
  提价,产品结构变化(更多高端产品)、系列酒增长,以及改口扩产。
</p>

element-tiptap解析后的代码如下:

<p style="text-align: justify;line-height: 1.6%;">2025年既然是茅台销售的天花板,那么未来还有什么可以成长的呢?
</p>
<p style="text-align: justify;line-height: 1.6%;">提价,产品结构变化(更多高端产品)、系列酒增长,以及改口扩产。
</p>

WalsonTung avatar Jun 24 '22 01:06 WalsonTung

I'm also facing text overlapping issue. You can try copy text from this website from heading to first para. Screen Shot 2023-06-22 at 7 02 45 PM

yogeshdecodes avatar Jun 22 '23 13:06 yogeshdecodes