gpt4 book ai didi

javascript - 如何使用 jQuery 在用户选择的文本行中的 <textarea> 末尾添加图像

转载 作者:行者123 更新时间:2023-11-28 08:23:09 30 4
gpt4 key购买 nike

我的需求是

在我的页面中有一个 textarea html 标签。用户可以在该 textarea 中键入文档。

同时用户对文档的单句有疑问。那时用户可以选择有疑问的文本。

如果用户选择句子进行说明,则可以在句子末尾添加图像,如红色标记或标签

我有值(value)

我已经使用 jQuery 完成了选定的行号和选定的文本值

我的问题是

如何在 textarea 的末尾添加图像......我在基于行的图像显示上遇到问题

例如,如果我在第三行有说明,我会选择文本和文本结尾[文本区域的边框] 图像可以标记

请帮帮我..

提前致谢...!

最佳答案

解决方案:您首先需要创建一个 <img>元素,然后根据包括 scrollTop 在内的几个变量计算其 future 位置的 <textarea> .然后,您需要结合使用 CSS 定位和一些巧妙的 Javascript 来放置 <img>。在正确的位置。我创建了一个快速 JSFiddle向您展示应该如何完成的基础知识。如果你想允许文本换行,你可能想使用一个库,比如 this one .

结果:

result

关于javascript - 如何使用 jQuery 在用户选择的文本行中的 &lt;textarea&gt; 末尾添加图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28655007/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com