@brianmcallistor/ 高亮文本
突出显示
words在一些text
highlight-text 使字符和单词在字符串中快速地突出。 此库主要用于在网页中的任何文本中添加可视化指标,这与您浏览器中的默认搜索功能大相径庭.
这是突出从您应用程序中的输入字段收集的搜索结果或一系列可能的使用案例的好方法:
- 用户在聊天程序中配置搜索条件
- 管理员配置通知
- 视觉设计元素
默认情况下,库会接受一个字符串和一些子字符串进行搜索. 它会返回周围所有找到的字符串 <mark> 标记,然后它可以被样式 与你的品牌。 这是可配置的, 以防你想使用任意的字符串或 HTML 标记 .
目录
演示
主机演示 : https://highlight-text.netlify.com/ 互联网档案馆的存檔,存档日期2013-12-21
也可以在本地运行演示. 要开始 :
git clone [email protected]:brianmcallister/highlight-text.git
cd highlight-text/demo
npm i
npm start
高级
安装
npm install @brianmcallister/highlight-text
高级
使用量
import highlightText from '@brianmcallister/highlight-text';
highlightText('some text', ['om', 'ex']);
// #=> 's<mark>om</mark>e t<mark>ex</mark>t'
高级
API 密码
highlightText
这是默认导出 。 3⁄4 ̄ ̧漯B.
highlightText(text: string, words: string[]): string;