https://github.com/gera2ld/marked-input

Marked input box
https://github.com/gera2ld/marked-input

Last synced: about 1 year ago
JSON representation

Marked input box

• Host: GitHub
• URL: https://github.com/gera2ld/marked-input
• Owner: gera2ld
• Created: 2016-07-22T17:01:58.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2016-07-22T17:43:03.000Z (about 10 years ago)
• Last Synced: 2025-06-09T07:29:04.056Z (about 1 year ago)
• Language: JavaScript
• Homepage: https://gera2ld.github.io/marked-input/
• Size: 43 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Marked Input

===

![NPM](https://img.shields.io/npm/v/marked-input.svg)

![Downloads](https://img.shields.io/npm/dt/marked-input.svg)

Make your input box markable. Mark the unexpected text in your input box.

[Demo](https://gera2ld.github.io/marked-input/)

Installation

---

``` sh

npm i marked-input

```

Usage

---

``` html

#input > em {

  background: yellow;

  font-style: normal;

}



```


``` js

// Via NPM

const markedInput = require('marked-input');

// Via global, you'll get global variable `markedInput`

markedInput.init({

  el: '#input',

  splitText: 10,  // text longer than 10 chars will be marked

  onChange: text => {

    console.log(`Significant text: ${text}`);

  },

});

```

Snapshots

---

![MarkedInput](snapshots/1.png)