在字符串中创建html视图的快照(包括使用CSS插入的空格)

时间:2019-07-16 18:57:56

标签: javascript jquery html

因此,我正在网站上实现突出显示功能,该功能使用户可以选择网页上的某些文本。我要保存的是突出显示的内容,例如使用相对于文档的索引位置在数据库中突出显示的文本。

为此,Android具有可扩展的字符串,该字符串将整个html转换为字符串(包括空格),然后我可以简单地检索哪些索引位置已加高,因为视图现在是单个字符串。我想模仿网站的这种行为。

就像将html转换为保留CSS属性的字符串一样,以便我可以找到发生突出显示的确切位置

尝试使用选择对象,但仅提供相对于起始和结束容器的偏移量。也尝试使用.html()提取html,但它排除了使用css设置的属性,并且仅给出了原始html。(如果两个元素之间的边距为10px,则.html()会忽略这一点。使用margin创建的空间还应该成为字符串的一部分,以便获得正确的高亮文本索引)

<div>
  <span style="margin-bottom:10px;">Hello</span>
  <span>World</span>

如果我选择“ orl”,则假设边距给出的空行长度为5,则我应该得到的索引是11和13

0 个答案:

没有答案