Git Product home page Git Product logo

Comments (3)

farzher avatar farzher commented on June 7, 2024

you can use result.indexes to highlight it yourself

const result = fuzzysort.single('tt', 'test')
result.indexes // [0, 3]

from fuzzysort.

farzher avatar farzher commented on June 7, 2024

This is the built-in highlight function, you can tweak it to do whatever you want

function highlight(result, hOpen, hClose) {
  if(result === null) return null
  if(hOpen === undefined) hOpen = '<b>'
  if(hClose === undefined) hClose = '</b>'
  var highlighted = ''
  var opened = false
  var target = result.target
  var targetLen = target.length
  var indexes = result.indexes
  var indexesI = 0
  for(var i = 0; i < targetLen; ++i) { var char = target[i]
    if(indexes[indexesI] === i) {
      ++indexesI
      if(!opened) { opened = true
        highlighted += hOpen
      }

      if(indexesI === indexes.length) {
        highlighted += char + hClose + target.substr(i+1)
        break
      }
    } else {
      if(opened) { opened = false
        highlighted += hClose
      }
    }
    highlighted += char
  }

  return highlighted
}

from fuzzysort.

Sunshine168 avatar Sunshine168 commented on June 7, 2024

Oh thx ! i thought it should be tweak by myself !

from fuzzysort.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.