3

我已经使用 pdf2htmlEX 将 pdf 转换为 html。选择多行时,当光标在两行之间移动时,选择会向上跳转。请有人帮助解决这个问题。

在此处输入图像描述

在此处输入图像描述

这个问题已经在这里提出了https://github.com/coolwanglu/pdf2htmlEX/issues/62但解决方案没有解决问题。需要帮助来解决这个问题。

4

1 回答 1

0

作为解决方法,我创建了这种样式:

.t {
    /* making selection to behave nicer when selecting text between multiple text lines (to avoid element gaps which can cause weird selection behavior) */
    padding-bottom: 100px;
    margin-bottom: -25px;

    /* making selection to behave nicer when selecting text between multiple columns (useful for pages with 2 or more text columns) */
    padding-right: 2000px;
}

问题是所有文本元素都是绝对定位的,每当鼠标(在选择期间)离开文本元素时,它都会在页面元素上触发鼠标事件(这会导致从页面开始到起点选择文本),直到到达其他文本元素。

这种样式/解决方法“填补”了这些空白,因此鼠标永远不会到达页面元素。

文档应该看起来一样。


编辑:请注意,此解决方案依赖于正确的 DOM 结构(文本元素是有序的)。在某些情况下,文本可能变得无法选择(例如,当页面包含 2 个文本列并且第一个文本块实际上作为 DOM 中的最后一个子项放置时)。

如果您遇到此类问题,请尝试调整值以很好地适合您的文档,如下所示:

.t {
    /* making selection to behave nicer when selecting text between multiple text lines (to avoid element gaps which can cause weird selection behavior) */
    padding-bottom: 40px;
    margin-bottom: -10px;

    /* making selection to behave nicer when selecting text between multiple columns (useful for pages with 2 or more text columns) */
    padding-right: 0px;
}

选择可能会在这里和那里跳跃(再次取决于文档结构和使用的值),但与原始状态相比仍然会好很多。

于 2020-07-22T08:59:13.183 回答