我需要一个 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/