文件名称:React-Text-Highlights:可自定义的React组件库,用于突出显示文本
文件大小:144KB
文件格式:ZIP
更新时间:2024-06-15 02:01:35
JavaScript
React-Text-Highlights 这是一个React组件,用于突出显示文本中的短语或一组短语。 你可以找到一个 安装 npm i --save react-text-highlights 重要概念 该库可让您以所需的任何颜色突出显示各种短语或“短语集” 。 甚至碰撞或重叠的短语也可以突出显示! 该库按从低到高的顺序优先排列短语及其突出显示。 以用法部分下面的示例为例,蓝色的短语是最低优先级,红色的短语是最高优先级。 我们的红色词组“ highlight”将与蓝色词组“ highlight effect”重叠,当您将鼠标悬停在“ highlight”一词上时,红色将是最高优先级,蓝色(或任何其他冲突词组)将变得透明。 TLDR:从最低优先级到最高优先级对短语进行排序,该组件将处理冲突/重叠,始终偏向优先级较高的突出显示。 用法 import '../node_module
【文件预览】:
React-Text-Highlights-master
----.gitignore(17B)
----README.md(3KB)
----docs()
--------bundle.js(122KB)
--------index.html(395B)
----LICENSE(1KB)
----package.json(2KB)
----src()
--------docs()
--------.DS_Store(6KB)
--------lib()
----.babelrc(163B)
----index.js(86B)
----.npmignore(35B)
----webpack.config.js(730B)
----.DS_Store(6KB)
----styles.css(542B)
----package-lock.json(405KB)