Displaying 1 to 20 from 65 results

atomic-chrome - Edit Chrome textareas in Atom

  •    Javascript

Atom needs to be running for this to work.Note that the tab will open in the first launched instance of Atom.

autosize - Autosize is a small, stand-alone script to automatically adjust textarea height to fit text

  •    Javascript

Autosize is a small, stand-alone script to automatically adjust textarea height to fit text. The autosize function accepts a single textarea element, or an array or array-like object (such as a NodeList or jQuery collection) of textarea elements.




emoji-picker - Add a slick emoji selector to input fields and textareas on your website.

  •    Javascript

On any input field, add the data attribute data-emojiable="true". That's all you need for the default options. Play around with the demo to see what the default options give you.

atomic-chrome - Edit Chrome textareas in Atom

  •    Javascript

Atom needs to be running for this to work. Note that the tab will open in the first launched instance of Atom.

InlineAttachment - Easily paste and upload files/images in plain textareas

  •    Javascript

Adds upload functionality to a textarea or CodeMirror instance by either drag-dropping or pasting (only in chrome) an image inside it. It's similar to pasting of images in Github.

jHtmlArea - WYSIWYG HTML Editor for jQuery

  •    Javascript

A simple, light weight, extensible WYSIWYG HTML Editor built on top of jQuery. This component allows you to easily display a WYSIWYG HTML Editor in place of any TextArea DOM Elements on the page. The minified script alone is 9.17kb; CSS and Images it's a total of 25.9kb.


textarea-autosize - Vertically adjust a textarea based on user input without using a clone or ghost element

  •    CSS

So why build this? Many solutions didn't feel smooth. In some the textarea would flicker on entering new lines with a noticeable delay in resizing. Most were outdated and all were a lot bulkier than they had to be. Many had to use a mirror textarea or ghost element with some needing presentation values set in script. I wanted just the behavior in the script and anything regarding presentation should be controlled through CSS. Or add textarea-autosize to your application's bower.json.

formbase - Better default styles for common input elements.

  •    CSS

Better default styles for common input elements. formbase eliminates cross browser bugs, inconsistencies across systems and applies a beautiful default styling to several input elements.

Behave.js - A lightweight, cross browser library for adding IDE style behaviors to plain text areas

  •    Javascript

A lightweight, cross browser library for adding IDE style behaviors to plain text areas.

textarea-caret-position - xy coordinates of a textarea or input's caret

  •    HTML

Get the top and left coordinates of the caret in a <textarea> or <input type="text">, in pixels. Useful for textarea autocompletes like GitHub or Twitter, or for single-line autocompletes like the name drop-down in Twitter or Facebook's search or the company dropdown on Google Finance. How it's done: a faux <div> is created off-screen and styled exactly like the textarea or input. Then, the text of the element up to the caret is copied into the div and a <span> is inserted right after it. Then, the text content of the span is set to the remainder of the text in the <textarea>, in order to faithfully reproduce the wrapping in the faux div (because wrapping can push the currently typed word onto the next line). The same is done for the input to simplify the code, though it makes no difference. Finally, the span's offset within the textarea or input is returned.

react-autosize-textarea - A textarea perfectly compatible with ReactJS default one which auto resizes its height based on user input

  •    TypeScript

A light replacement for built-in <textarea /> component which automatically adjusts its height to match the content. You can pass any prop you're allowed to use with the default React textarea (valueLink too).

atomic-chrome-atom - Edit Chrome textareas in Atom

  •    CoffeeScript

Atom needs to be running for this to work.Note that the tab will open in the first launched instance of Atom.