时间戳

首页 > 解决方案 > 如何在反应中创建可选择的、可突出显示的文本

javascript - 如何在反应中创建可选择的、可突出显示的文本

问题描述

我需要一个反应组件，它允许我显示一个文本，我可以轻松地捕获所选文本区域，然后在其中创建嵌套跨度（例如突出显示文本区域）。然后应该能够独立管理跨度（例如，使用它们自己的“onclick”操作）。

我知道这是一种非常具体的行为。我的目标不是问是否有一个组件可以满足我的所有要求，而是问是否有一些东西可以用作基础，以或多或少直接的方式（即，无需手动处理<p>'s 和document.getSelection())。这样的事情存在吗？

标签： javascriptreactjs

解决方案

编辑：我能够专门为此找到这个组件，并且在其他答案中人们推荐了 DraftJS组件。答案如下

老的 -

搜索我能找到这个

在此答案中使用field.selectionStart示例。

关于这个答案：在文本输入字段中获取光标位置（以字符为单位）

它允许您在文本字段中找到选择的开始位置。

我知道它不是一个组件，但是如果您找不到它，希望它对您有所帮助

此外，还有一个关于 React 的示例：如何在反应中从文本区域获取选定的文本？

在这个答案上 DraftJS组件

推荐阅读