javascript - 如何在 react 中创建一个可选择的、高亮的文本

标签 javascript reactjs

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

我知道这是一个非常具体的行为。我的目标不是询问是否有一个组件可以满足我的所有要求,而是询问是否有一些东西可以用作基础以或多或少直接的方式获得大部分这种行为(也就是说,不必手动处理 <p>document.getSelection() )。有这样的东西吗?

最佳答案

编辑:我能够找到 this组件特别为此,以及人们推荐的其他答案DraftJS成分。答案如下

老——

搜索我能找到这个

Use field.selectionStart example in this answer.

关于这个答案:Get cursor position (in characters) within a text Input field

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

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

还有一个关于 React 的例子:How to get the selected text from text area in react?

关于这个答案 DraftJS组件

关于javascript - 如何在 react 中创建一个可选择的、高亮的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52408915/

相关文章:

javascript - 访问子 FlatList 中的父 FlatList 数据

javascript - 单向数据流 : alleviating rework when dealing with a huge list of items?

javascript - 使用 JsPlumb 库形成两个 div 的闭环

JavaScript "this"在事件处理程序中引用了错误的对象

javascript - 如何防止图像动画穿过我的整个屏幕而不仅仅是我的容器?

javascript - 鼠标选择时没有突出显示?

javascript - extract-text-webpack-plugin 输出的css文件,图片路径不对?

javascript - 简单的 react-spring 组件在 gatsby 中不起作用 - 元素类型无效 : expected a string or a class/function but got: undefined

css - 容器内的多行 - Flex - React-Native

css - React Modals 在页面加载时瞬间可见