vue-highlightable-input
vue-highlightable-input copied to clipboard
A vue component to highlight text as you're typing
Is it possible to match the whole word? ex. { text: 'ar', style: 'background-color:yellow;' } This will highlight (ar) from car. Is is possible to avoid partial highlighing.
is it possible to retrurn a list with the highlighted words?
Use 'input' event instead of 'keydown' event to solve the IME problem. Closes #9
// add new event handlers mounted () { if (this.fireOnEnabled) this.$el.addEventListener(this.fireOn, this.handleChange) +this.$el.addEventListener("compositionstart", this.IMEStart) +this.$el.addEventListener("compositionend", this.IMEEnd) +this.$el.addEventListener("compositionudpate", this.IMEUpdate) this.internalValue = this.value this.processHighlights() }, // value changed value() { +if(this.composing) +...
Right now, this component is not compatible with Vue 3, due to how it uses its events. A very nice feature will be to upgrade this behavior to make it...
.highlight { height: 360px; overflow-y: auto; } // OK.
Hi Syed, thanks for this awesome Vue highlighter — I am wondering, have you looked into converting new lines or the \n or \r to <br>? I am trying to...
How can I mix both `autocomplete` and `highlight` at the same time? Like https://github.com/darrenjennings/vue-autosuggest