whai/cherry-studio
1
1
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: KnowledgeSearchPopup keyword highlighting issue

Browse Source
This commit is contained in:
Yrom Wang 2025-02-07 12:16:18 +05:30 committed by 亢奋猫
parent 496b4684ea
commit acda36ae3f
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/renderer/src/pages/knowledge/components/KnowledgeSearchPopup.tsx
View File

@ -69,7 +69,11 @@ const PopupContainer: React.FC<Props> = ({ base, resolve }) => {
const highlightText = (text: string) => { const highlightText = (text: string) => {
if (!searchKeyword) return text if (!searchKeyword) return text
const parts = text.split(new RegExp(`(${searchKeyword})`, 'gi'))
// Escape special characters in the search keyword
const escapedKeyword = searchKeyword.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
const parts = text.split(new RegExp(`(${escapedKeyword})`, 'gi'))
return parts.map((part, i) => return parts.map((part, i) =>
part.toLowerCase() === searchKeyword.toLowerCase() ? <mark key={i}>{part}</mark> : part part.toLowerCase() === searchKeyword.toLowerCase() ? <mark key={i}>{part}</mark> : part
) )