d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-21 15:09:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: solve one character search bug

Browse Source
This commit is contained in:
CodeMaker-Zhao
2022-12-03 17:44:41 +08:00
parent cabdb1ee9f
commit ffc2636309
6 changed files with 36 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
themes/example/LayoutSearch.js
View File

@@ -4,6 +4,7 @@ import { BlogListScroll } from './components/BlogListScroll'
import { useRouter } from 'next/router'
import { useEffect } from 'react'
import SearchInput from './components/SearchInput'
import Mark from 'mark.js'
import LayoutBase from './LayoutBase'
import { isBrowser } from '@/lib/utils'
@@ -15,8 +16,12 @@ export const LayoutSearch = props => {
setTimeout(() => {
const container = isBrowser() && document.getElementById('container')
if (container && container.innerHTML) {
const re = new RegExp(`${keyword}`, 'gim')
container.innerHTML = container.innerHTML.replace(re, `<span class='text-red-500 border-b border-dashed'>${keyword}</span>`)
const re = new RegExp(keyword, 'gim')
const instance = new Mark(container)
instance.markRegExp(re, {
element: 'span',
className: 'text-red-500 border-b border-dashed'
})
}
}, 100)
}, [router.events])