You would want to use selectionStart to do this. <textarea onkeyup=”getLineNumber(this, document.getElementById(‘lineNo’));” onmouseup=”this.onkeyup();”></textarea> <div id=”lineNo”></div> <script> function getLineNumber(textarea, indicator) { indicator.innerHTML = textarea.value.substr(0, textarea.selectionStart).split(“\n”).length; } </script> This works when you change the cursor position using the mouse as well.
$(‘textarea#someTextarea’).focus(function() { $(this).val(”); });
Problem here is you won’t see anything if you enter text or html into your textarea. Your textarea gets hidden when tinymce gets initialized. What you see then is a content editable iframe, which is used to edit and style content. There are several events which will cause tinymce to write its content to the … Read more
You could also (two years later, mind you) try asuggest, it offers word completion inside the textarea after the caret. A simple example: var suggests = [“hello”, “world”]; $(“#text-area1”).asuggest(suggests); This will match things easily, no limits, no minimum character count. More bells and whistles: var suggests = [“head”, “hello”, “heart”, “health”]; $(“#text-area1”).asuggest(suggests, { ‘endingSymbols’: ‘, … Read more
Check this link from react docs: React Textarea Value Basically for textArea react does not supports text enclosed within and you rather need to specify that as value or defaultValue. The right way thus is <textarea name=”description” value=”This is a description.” /> or <textarea name=”description” defaultValue=”This is a description.” /> The difference with value and … Read more
I found a good solution that uses the maxlength attribute if the browser supports it, and falls back to an unobtrusive javascript pollyfill in unsupporting browsers. Thanks to @Dan Tello’s comment I fixed it up so it works in IE7+ as well: HTML: <textarea maxlength=”50″ id=”text”>This textarea has a character limit of 50.</textarea> Javascript: function … Read more
You should be using ngModelChange <textarea cols=”25″ [ngModel]=”data” (ngModelChange)=”doSomething($event)”></textarea> LIVE DEMO Update: (change) event will work in textarea but it is triggered on blur and text changed inside the text area DEMO
Well I found a much simplier way to do this, but you’ll need to set the line-height of the textarea in the CSS. I tried to read the line height inside the script ta.style.lineHeight but it doesn’t seem to return a value. CSS #ta { width: 300px; line-height: 20px; } HTML <textarea id=”ta”>Lorem ipsum dolor … Read more
Rails got a helper method out of the box, so you dont have to write your own method. From the documentation: simple_format(text, html_options={}, options={}) my_text = “Here is some basic text…\n…with a line break.” simple_format(my_text) # => “<p>Here is some basic text…\n<br />…with a line break.</p>” more_text = “We want to put a paragraph…\n\n…right there.” … Read more
Please refer to this article which implements the CSS3 box-sizing property http://css-tricks.com/box-sizing/ A quick solution for this is to set textarea { width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } And here is a working example which implements the box-sizing … Read more