#textarea

The jQuery LinedTextArea plugin converts the normal textarea element into a scrollable content-editable area with line numbers.

Demo

Download

TabMate is a lightweight JavaScript library that enables proper tab indentation behavior for HTML textarea elements. Features: Smart Tab Key Handling: Press Tab to insert configurable spaces or tabs at cursor position Shift+Tab Outdenting: Remove indentation using Shift+Tab, even across multiple selected lines Multi-line Indentation: Select text blocks and indent/outdent entire sections…

GrowField is a tiny (1.75kb minified), dependency-free JavaScript library for making <textarea> elements automatically adjust their height to fit their content. The library handles both growing and shrinking as the user types or content changes. You can set minimum and maximum row limits to keep things constrained. It’s useful anywhere you need a textarea to adapt to user input, like comment…

Lightweight-Textarea-Highlighter is a JavaScript library that adds text highlighting functionality to HTML textareas. It creates the illusion of highlighting within a textarea by placing a copy of the text behind it and applying highlights there. Inspired by ‘Tiny jQuery Plugin To Highlight Text In Textarea‘ and ‘jQuery Plugin To Highlight Text In Text Fields – highlightTextarea‘. How it…

TextToClipboard is a tiny JavaScript library that allows you to quickly implement a copy-to-clipboard functionality on your website. It enables a simple HTML button to copy text from a specified textarea element directly to the user’s clipboard. Upon successful copy, it displays a temporary message to confirm the operation. How to use it: 1. Download and load the textToClipboard.min.js script in…

floatype.js is a lightweight and fast JavaScript library that adds autocomplete/autosuggestion functionality to textareas. As soon as you start typing characters into a textarea, the library automatically displays a floating dropdown box next to the cursor with preset suggestions to choose from. See Also: Tiny And Fast Autocomplete JavaScript Library For Input – Autocomp.js How to use it: 1.…

This was easy to learn after I learned the basics of javas script cause before I spent two nights trying to follow a visual tutorial lol!!

I've been sooooo tired since I started school and staying awake past 12 P.M is not on my watch anymore. So I'm just slowly going to learn and apply it to my website :3!!

NEED TO BE SOLVED!!

I still have some problems with the resize and I'm trying to fix it!

But it is still a huge step for me and I will keep learning more, have a nice day and sorry 4 not updating you about my learning journey for these past weeks. I learned a lot of stuff that I need to share on this blog and I hope I will have the energy to write them 🧍‍♂️😭😭😭

自社システムでtextareaを使っててわかったのだが、結構人によってtextareaが伸縮可能とわかってない人がいることが判明。

小学生とかかからパソコン触れる機会があった、今の30代の人たちよりも上の世代がおそらくターゲット。

これだとせっかく伸ばせるのに意味がないし使いづらい・・・という視点でこのjs。 自動で伸ばしてくれるし、自動で縮小してくれる。優秀。 この手のjsはちょろちょろあったが、改行のときだけ伸びるとか、縮小がしなかったりすることがあったので個人的にはこれが一番使いやすいと思う。

この方のいいところはリサイズなしと有りをそれぞれ用意してくれるところ。いやーかゆいところに手が届くとはこのことですな～。