<link href=" https://cdn.jsdelivr.net/npm/jquery-overlay@0.0.5/media/stylesheets/bootstrap.min.css " rel="stylesheet">
No default CSS file set by the package author so the URL is guessed. You can always browse all package files to use another one.
Simple Decorator for Textarea
How to Use
$('textarea').overlay(strategies);
strategies
MUST an Array of Object.
strategies = [strategy];
Each strategy
MUST have match
and css
properties.
strategy = {
match: matchObject,
css: cssObject
};
matchObject
MUST be a RegExp, a String or an Array of String. When it is a RegExp, it SHOULD include 'g' flag.
matchObject = 'abc'; // every 'abc' match
matchobject = ['a', 'b', 'c']; // every 'a' 'b' and 'c' match
matchObject = /\B@\w+/g; // every words start with @ match
cssObject
MUST be a Object. It controls the style of boxes which are put under the matching strings in the textarea.
cssObject = {
'background-color': 'glay',
'border': 'solid 1 #555'
};
Todo
- Auto resizing textarea
License
Licensed under the MIT License