By HTML specifications, browsers are required to canonicalize line breaks in user input to CR LF (\r\n), and I don’t think any browser gets this wrong. Reference: clause 17.13.4 Form content types in the HTML 4.01 spec. In HTML5 drafts, the situation is more complicated, since they also deal with the processes inside a browser, … Read more
If you need to customize your textarea, reproduce its behavior using another element (like a DIV) with the contenteditable attribute. It’s more customizable, and a more modern approach, textarea is just for plain text content, not for rich content. <div id=”fake_textarea” contenteditable></div> The scrollbars can be reproduced with the CSS overflow property. You can use … Read more
Here is my jsFiddle example. this works fine: <textarea name=”awesome”>Default value</textarea>
What errors are you seeing in the browser? I can understand why your code doesn’t work if what you posted was incomplete, but without knowing that I can’t know for sure. You should probably clear the charNum div, or write something, if they are over the limit. function countChar(val) { var len = val.value.length; if … Read more
Modified BojanG’s solution to work with jQuery. Tested in Chrome, FF, and IE. (function ($, undefined) { $.fn.getCursorPosition = function() { var el = $(this).get(0); var pos = 0; if(‘selectionStart’ in el) { pos = el.selectionStart; } else if(‘selection’ in document) { el.focus(); var Sel = document.selection.createRange(); var SelLength = document.selection.createRange().text.length; Sel.moveStart(‘character’, -el.value.length); pos = … Read more
Use selectionStart/selectionEnd properties of the input element (works for <textarea> as well) function insertAtCursor(myField, myValue) { //IE support if (document.selection) { myField.focus(); sel = document.selection.createRange(); sel.text = myValue; } //MOZILLA and others else if (myField.selectionStart || myField.selectionStart == ‘0’) { var startPos = myField.selectionStart; var endPos = myField.selectionEnd; myField.value = myField.value.substring(0, startPos) + myValue + … Read more
The best way to set/get the value of a textarea is the .val(), .value method. .text() internally uses the .textContent (or .innerText for IE) method to get the contents of a <textarea>. The following test cases illustrate how text() and .val() relate to each other: var t=”<textarea>”; console.log($(t).text(‘test’).val()); // Prints test console.log($(t).val(‘too’).text(‘test’).val()); // Prints too … Read more
I like the jQuery function extension. However, the this refers to the jQuery object not the DOM object. So I’ve modified it a little to make it even better (can update in multiple textboxes / textareas at once). jQuery.fn.extend({ insertAtCaret: function(myValue){ return this.each(function(i) { if (document.selection) { //For browsers like Internet Explorer this.focus(); var sel … Read more
The problem comes from the fact that line breaks (\n\r?) are not the same as HTML <br/> tags: var text = document.forms[0].txt.value; text = text.replace(/\r?\n/g, ‘<br />’); Since many of the comments and my own experience have shown me that this <br> solution is not working as expected, here is an example of how to … Read more
Have you tried val? $(“textarea#ExampleMessage”).val(result.exampleMessage);