javascript - 如何给<p>标签内被选中的文字加上标签-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 如何给<p>标签内被选中的文字加上标签

伊谢尔伦 2017-04-10 14:50:03

[JavaScript讨论组]

667

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit, saepe, tempore, quam, similique perferendis possimus rem optio harum sapiente hic dicta temporibus quae sit neque eaque illo ex asperiores 我被选中了 consectetur nemo ullam odio delectus distinctio enim quasi cumque accusantium deleniti voluptatum eligendi sunt quibusdam minima alias quos veniam iure qui sed maiores.</p>

当选中“我被选中了”后，我希望得到

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit, saepe, tempore, quam, similique perferendis possimus rem optio harum sapiente hic dicta temporibus quae sit neque eaque illo ex asperiores <span id="selected">我被选中了</span> consectetur nemo ullam odio delectus distinctio enim quasi cumque accusantium deleniti voluptatum eligendi sunt quibusdam minima alias quos veniam iure qui sed maiores.</p>

应使用什么方法

伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

全部回复(2)

黄舟2017-04-10 14:52:03 2楼

可以使用 Selection 与 Range：

window.getSelection().getRangeAt(0).surroundContents(document.createElement("span"));

window.getSelection() 获取选中的文字 selection，然后使用 selection.getRangeAt(0) 取得对应的 Range，之后使用 Range 的 surroundContents 添加标签。

赞 +0

添加回复

PHPz2017-04-10 14:52:03 1楼

E::selection
为对象选择符这个可以满足你

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>