Format textarea inputs with regex patterns.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo
src
LICENSE
README.md

README.md

TAP - Text Area Processor

Text highlighter and HTML formatter. Format textarea inputs with regex patterns.

alt tag

Usage

new tap(element, options);

Element paramenter expects textarea inputs only

Example Usage

// Instantiate TAP
var textArea = new tap(element, {

	patterns: [
	{
			regex: ['(@\\w{1,15})', 'gi'], // RegExp [pattern, flag]
			element: 'span', // Wrapping Tag
			attributes: { // Element Attributes
				class: 'tap-username'
			}
		},
		{
			regex: ['\\b(link)\\b', 'gi'],
			element: 'a',
			attributes: {
				class: 'tap-link',
				href: 'http://claytonn.com'
			}
		}
		]
	});

To Do

  • Add Event Callbacks
  • Replace innerHTML Method w/ createElement()
  • Attach Event Listeners To TAP Generated Elements
  • Add Box Resizing w/ Overflow Options