如何突出显示 HTML 内容并将其保存到数据库以供将来加载

发布于 2024-09-14 18:25:29 字数 305 浏览 10 评论 0原文

我试图在使用 PHP + XSL 转换加载的 HTML 页面内突出显示用户所选的文本内容。 我已经看到了一些与突出显示当前所选文本相关的解决方案,但我需要将一些信息保存到数据库,以便我能够突出显示相同的内容以供将来加载同一页面,处理文本可能包含的所有内部元素

这个想法很简单:模拟您在书中使用标记的时间

有什么想法吗?任何建议将不胜感激。

先感谢您。

艾萨克

I'm trying to highlight the selected text contents by the user inside the HTML page I loaded using PHP + XSL transformation.
I have seen some solutions related with highlighting current selected text, but I need to save some information to the database that makes me able to highlight the same contents for future loads of the same page, taking care of all inner elements that the text could have inside.

The idea is simple: simulate when you use a marker inside a book.

Any ideas? Any suggestion will be appreciated.

Thank you in advance.

Isaac

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

薔薇婲 2024-09-21 18:25:29

使用 AJAX。

http://www.w3schools.com/Ajax/Default.Asp

IMO,DOM位置和 STRING 范围。

类似于,

DOM_LOCATION: div[0]>p[2]>span[1]
STRING_RANGE: 2:20

这意味着用户突出显示从第 1 个 div 的第 3 段的第 2 个跨度的第 2 个字符到第 20 个字符的字符串,即下面示例中的“monstration of some”。

<div>
    <p>This has no use.</p>
    <p><em>And so is</em> this one.</p>
    <p><span>This</span> is the <span>demonstration of something wonderful</span>.</p>
</div>

您需要做的就是反转 DOM 位置并使用范围。

Use AJAX.

http://www.w3schools.com/Ajax/Default.Asp

IMO, DOM location and the STRING range.

something like,

DOM_LOCATION: div[0]>p[2]>span[1]
STRING_RANGE: 2:20

this means that the string user highlighted from the 2nd character to the 20th character of the 2nd span of the 3rd paragraph of the 1st div, which is "monstration of some" from the example below.

<div>
    <p>This has no use.</p>
    <p><em>And so is</em> this one.</p>
    <p><span>This</span> is the <span>demonstration of something wonderful</span>.</p>
</div>

All you need to do is reverse the DOM location and use the range.

慵挽 2024-09-21 18:25:29

此功能可能会对您有所帮助。

只需添加 #:~:text=Highlight%20These

尝试访问此链接进行演示

https://stackoverflow.com/questions/38588721#:~:text=Highlight%20a%20text< /代码>

This feature might help you.

just add #:~:text=Highlight%20These

try accessing this link for demo

https://stackoverflow.com/questions/38588721#:~:text=Highlight%20a%20text

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文