Respostas interessantes marcadas com a tag

8 votos
Aceito

Qual é o valor padrão para o atributo "resize" em um textarea?

O valor padrão é: auto. resize: auto; Como sabemos disso ? Podemos ver no user agent stylesheet do navegador. textarea { -webkit-appearance: textarea; background-color: white; -webkit-...
Diego Souza's user avatar
  • 16,7mil
6 votos
Aceito

Como fazer um um editor de texto em uma textarea no estilo TinyMCE?

O segredo dos editores WYSIWYG é o atributo contenteditable. Com este atributo é possível que um elemento HTML como <div> ou <p> se torne um "input", porém mantendo a capacidade de ...
Dinei's user avatar
  • 210
6 votos

Como salvar quebras de linha de um textarea para o banco de dados?

Podes usar nl2br, para testar podes fazer: <form method="POST"> <textarea name="test"></textarea> <input type="submit"> </form> <?php echo nl2br($_POST['test']...
Miguel's user avatar
  • 29,4mil
5 votos
Aceito

Como inserir código HTML em um textarea?

Com <textarea> não é possível. Acredito que esteja procurando um <div> editável: <div contenteditable="true"> Veja o exemplo: <div contenteditable="true">Primeira linha....
Augusto Vasques's user avatar
  • 18,7mil
4 votos
Aceito

Aplicar tamanho em um textarea, exceto se ele possuir o atributo "rows"

use o not para fazer uma seleção pela textarea que não possui o atributo rows: .wm-form textarea { resize: vertical; border-radius:4px; border:1px solid #ccc; width:100% } .wm-...
Renan Gomes's user avatar
  • 19,3mil
4 votos
Aceito

Criar um textarea com opções de edição de texto

A maneira mais facil de criar este tipo de text area é utilizando uma biblioteca, eu aconselharia utilizar o jquery JQUERY O jQuery é uma biblioteca de Javascript “leve”, fácil de utilizar no ...
Luiz Santos's user avatar
  • 3.328
4 votos
Aceito

Textarea aumentar conforme texto

Sem usar função, você pode colocar o JavaScript direto no elemento com oninput: <textarea oninput='if(this.scrollHeight > this.offsetHeight) this.rows += 1'></textarea> Ou ...
Sam's user avatar
  • 80,7mil
4 votos
Aceito

Como acessar o textarea, pegar o seu value e exibi-lo?

Vê se te ajuda, brother. let textarea = document.querySelector("#txtar"); let botao = document.querySelector("#botao"); botao.onclick = function() { console.log(textarea.value); } <...
Gato de Schrödinger's user avatar
3 votos

Javascript: pegar o valor de um textarea (não está funcionando)

Aqui funcionou perfeitamente.... se clicar o botão vai aparecer "alguma coisa", se alterar o valor e clicar novamente, aparece o que digitou, veja se não tem algum outro erro no seu código. <...
Ricardo Pontual's user avatar
  • 22,9mil
3 votos

Qual é o valor padrão para o atributo "resize" em um textarea?

Segundo o MDN: Gecko 2.0 introduced support for resizable textareas. This is controlled by the resize CSS property. Resizing of textareas is enabled by default... Traduzindo fica: O Gecko 2....
BrTkCa's user avatar
  • 11,3mil
3 votos

Qual é o valor padrão para o atributo "resize" em um textarea?

Outra maneira de fazer isso é usando o valor both. Veja: .my_textarea{ border: 2px solid pink; resize: none; width: 300px; height: 100px; } <textarea class="my_textarea">&...
Wallace Vizerra's user avatar
3 votos
Aceito

textarea com estilo de linhas de caderno

Um modo simples é definindo um background num textaterea. textarea{ background-image: url("https://i.stack.imgur.com/yWNH7.png"); font-size:21px; } <textarea cols="20" rows="10">texto ...
Daniel Omine's user avatar
  • 20,1mil
3 votos

Como criar um textarea autorisize com js?

Resposta tirada de: Stackoverflow Inglês var observe; if (window.attachEvent) { observe = function(element, event, handler) { element.attachEvent('on' + event, handler); }; } else { ...
Diego Souza's user avatar
  • 16,7mil
3 votos

Atributo "wrap" da tag textarea

O atributo wrap especifica como o texto no elemento textarea é para ser ajustado quando um formulário é submetido. Soft: O texto no elemento não é ajustado quando é submetido em um formulário. Esse é ...
Giancarlo Abel Giulian's user avatar
3 votos

Limitar quantidade máxima de linhas numa textarea

Uma possibilidade é não permitir a quebra de linha usando jquery. <script> $(document).ready(function() { $("#txtValue").keypress(function(e){ if (e....
Oliveira's user avatar
  • 1.900
3 votos
Aceito

Limitar quantidade máxima de linhas numa textarea

Você pode utilizar jquery e o atributo maxlength para controlar as quebras de linhas, o problema é que depende da quantidade de carácteres que cada linha aceita, para isso você terá que calcular o ...
Aesir's user avatar
  • 1.106
2 votos

Como salvar quebras de linha de um textarea para o banco de dados?

Pode usar a função nl2br(): Ex.: echo nl2br("Essa\r\neh\n\ruma\nstring\r"); Output: Essa<br /> eh<br /> uma<br /> string<br /> Ou então colocar o texto a ser gravado entre ...
dot.Py's user avatar
  • 985
2 votos
Aceito

Atributo "wrap" da tag textarea

Apenas pra complementar a outra resposta, conforme a documentação do MDN Indica como o deve funcionar a quebra do texto no <textarea> hard: O navegador automaticamente insere quebras de linhas ...
Syzoth's user avatar
  • 100mil
2 votos
Aceito

Preservar quebra de linha ao Replicar conteúdo de val() em span

Esse código vai substituir todas as quebras de linha \n em tags <br/>, as combinações são para funcionar em diversos navegadores. $('textarea.skills_knowledge').blur(function() { var ...
Mathiasfc's user avatar
  • 5.905
2 votos
Aceito

Como colocar um código json em textarea html?

Você tanto pode usar com o <textarea> quanto <code> <pre>, no <textarea> insira o atributo readonly para que não seja possível remover ou inserir caracteres, e no <code> ...
Leonardo Bonetti's user avatar
2 votos

Como colocar um código json em textarea html?

com javascript você pode transformar um json em texto usando a função stringify(), após a conversão incluia no seu HTML normalmente. let json = JSON.stringify({"Language":"PT-BR", "TransactionID":"...
RFL's user avatar
  • 6.333
2 votos

Textarea aumentar conforme texto

Acredito que o que você quer é fazer sem associar apenas um elemento como está dentro da função pegando o elemento pelo id. Pode utilizar o this e alterar a função conforme abaixo: function ...
Laércio Lopes's user avatar
2 votos
Aceito

Como capturar linha específica de textarea em JS?

O que você pretende tem várias etapas: Obter o texto introduzido na textarea, e convertê-lo num array, onde cada entrada corresponderá a uma linha do texto na 'textarea'. Pesquisar o conteúdo do ...
Paulo Ramos's user avatar
2 votos
Aceito

Limitar número de linhas TextAreaFor

Você pode utilizar o javascript para realizar bloquear a quantidade de linhas e colunas, segue um exemplo prático junto com o MVC: Exemplo: function limitarTextArea(campo){ var string = ...
Gustavo Luciano's user avatar
2 votos

Limitar número de linhas TextAreaFor

Talvez usando o .readyState, o código irá esperar que a página seja totalmente carregada para aplicar as funções. Assim, você pode usar a RegEx /\n/g para contar o número de linhas e impedir que haja ...
Sam's user avatar
  • 80,7mil
1 voto

Limitar número de linhas TextAreaFor

Aqui um exemplo. Basicamente o caractere scape de quebra de linha é o \n, então basta contar quantas quebras de linha existem. Claro que se quebrar as linhas por conta do tamanho do textarea não irá ...
Ricardo Pontual's user avatar
  • 22,9mil
1 voto
Aceito

plugin maxlength no ckeditor não funciona

Você pode usar este código abaixo. Ele irá pegar o valor em maxlength e limitar a quantidade de caracteres no CKEditor. Textarea: <textarea name="editor1" maxlength="10" id="desc" rows="10" cols="...
Sam's user avatar
  • 80,7mil
1 voto

Resetar todos os campos (input,textarea) da página html

Você também pode adicionar um elemento button ou input com o type="reset". Exemplo: <form id="myForm"> Primeiro nome: <input type="text" name="fname"><br> Último nome: <...
Valdeir Psr's user avatar
  • 11mil
1 voto
Aceito

Resetar todos os campos (input,textarea) da página html

Você pode resetar todos os campos usando o método reset(). Segue um exemplo simples. function myFunction() { document.getElementById("myForm").reset(); } <form id="myForm"> Primeiro ...
Phelipe's user avatar
  • 1.578
1 voto
Aceito

Modificar elemento através do JavaScript e "avisar" a página que o elemento foi modificado

Dispara uma trigger ao invés do blur()... $(document).ready(function(){ $("#myTextarea").change(function(){ alert("text area changed"); }); //$("#myTextarea").keydown(function(){...
Julio Soares's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible