vue2-highlight-input

this vue component can auto change special characters color while inputing

Effect

Instructions

npm i vue2-highlight-input

 

###### Options

- `keywords` Characters used to change color
- `id` the div element id
- `fontSize` font size
- `height` the div height
- `highlightColor` highlight color
 


 ```javascript
    <HighlightInput
          :keywords="keywords"
          :hightLightColor="color"
          :height='100'
          v-model='textValue'
          :fontSize="14"
        />

        export default {
          data() {
            return {
              textValue: "",
              keywords: ["test","key","word",'change'],
              color: "#EB7B68",
                }
            }
          }

Supported version

vue2.x