textarea

I have textarea and i want to change color of selected text. Example: var text = "abcdefg"; I want to change color of selected text efg . here is my code: var input = document.getElementById('area'); var value = input.value.substr(input.selectionStart, input.selectionEnd - input.selectionStart); $('#abc').find(value).attr('color',color); Use ::selection CSS selector that select part of text is seleced. You can add your CSS property to selected text of elements. var textarea = document.querySelector("textarea"); textarea.selectionStart = 12; textarea.selectionEnd = 23; ::-moz-selection { color:

I am developing an application which needs a part of text in the textarea undeletable while they can add their text to the textarea . For example when user come to a web page it has a textarea which has a text {username} of that user. The user can add more text like {username} hi the the earth is globe but should be unable to delete {username} from that textarea. I am using Jquery as the javascript class, any idea that we can achieve it in Jquery? I think the only way to do this would be to perform a validation to make sure they didn't delete {username} , and display an error message (maybe

If I have a textarea including some HTML code, how can I write a JavaScript function to show the HTML output instead of HTML code itself, for example: <textarea id="mytextarea"> <table border=1><tr><td>cellone</td>td>celltwo</td></tr></table </textarea> <input type=button onclick="HTMLoutput();"/> <script> HTMLoutput() { //Code to show html output instead of html code in textarea } </script> How can I do this? What is the suggested code to write inside the HTMLoutput()? So to convert the the html code to a formated html you need to do: $('resultDiv').append($('<div/>').html($('.txtArea').val()

How can I find whether a long text in a textarea is wrapped into two or more lines? I'm not talking about the new line chars as discussed here . I'm aware of the plugin Textarea Line Count Any simpler method? I experimented on this and came up with a hack that involves the following: Disabling text-wrapping in the textarea (plus disable padding) Checking if the textarea's scrollWidth is greater than it's width . The basic logic i used was that if the text is spanning multiple lines, that means when wrapping is turned off, we should get a horizontal scrollbar. Demo : http://jsfiddle.net/fnG3d/

引入autosize.js <script src="./autosize.js"></script> autosize(document.getElementsByTagName('textarea')); var textareas = document.getElementsByTagName('textarea'); for (var i =0;i<textareas.length;i++){ textareas[i].style.minHeight="60px"; } 下载地址 https://www.bootcdn.cn/autosize.js/ 来源： https://www.cnblogs.com/mlh1421/p/11968811.html

Hi :) I'm using jQuery Autosize plugin to resize some of my textarea elements dynamically. Everything is good but the problem is that when I add some textarea elements to the DOM dynamically, the autosize thing no longer works. I initialize the plugin like so: $(document).ready(function () { $('textarea').autosize(); }); I tried to enable the plugin for my dynamically added textareas like: myDynamicallyAddedTextarea.autosize(); Unfortunately, nothing happened. Can anybody help me with this? sorry I can't comment yet, where are you adding this textarea at? can you post some of the code around