Respostas interessantes marcadas com a tag

9 votos
Aceito

Javascript, ação sobre um texto selecionado

Você pode utilizar os atributos selectionStart e selectionEnd do textarea para determinar que trecho do mesmo está selecionado. Então é só substituir esse trecho em seu valor (value). Exemplo (pega o ...
mgibsonbr's user avatar
  • 82,3mil
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
7 votos
Aceito

Como criar um textarea com multi colunas (como um jornal?)

olha, você pode tornar a div editável .tres-colunas { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; } <div class="tres-...
Tobias Mesquita's user avatar
  • 23,1mil
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,3mil
6 votos

Como adicionar títulos acima de input e textarea?

Os títulos de <input>, <select>, <textarea> e outros são conhecidos como label (Etiqueta, em tradução livre para o português). Podem ser declarados em HTML das seguintes maneiras: ...
Rafael Kendrik's user avatar
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,6mil
4 votos

PHP e Javascript - Desabilitar um botão submit se textarea estiver vazio

Com JavaScript Basta adicionar o ID no seu botão, e mudar o seu onkeyup do textarea para onkeyup="javascript: doSomething(this)" function doSomething(input) { document.getElementById('btnEnvia')...
Jeferson Assis's user avatar
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.326
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

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

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
Aceito

textarea com estilo de linhas de caderno

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

Javascript, ação sobre um texto selecionado

Aí está um exemplo usando puro javascript: function selecionaTexto() { var textArea = document.getElementById('texto'); var selectedText; if (textArea.selectionStart != undefined) { //...
Franchesco's user avatar
  • 5.274
3 votos

Como salvar <textarea> no HTML?

Usando o Local Storage do HTML5 você consegue salvar o texto do textarea localmente, assim mesmo q você feche o arquivo os valores estarão lá. Código: <!DOCTYPE html> <html> <body&...
jbrunoxd's user avatar
  • 775
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,6mil
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.904
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

Detectar ":" e mostrar sugestões com jQuery

Existem algumas bibliotecas por ai para fazer autocomplete dentro de uma textarea. Já pensou em usar uma? Por exemplo: https://github.com/yuku-t/jquery-textcomplete Se não me engano, a maioria delas ...
hugomg's user avatar
  • 8.972
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 ...
Guilherme Nascimento's user avatar
2 votos
Aceito

Formatar TextArea JavaFX

Você pode utilizar o RichTextFX. Com ele voce pode definir vários estilos pro seu textArea. Uma alternativa seria utilizar o HTMLEditor acho que pode resolver seu problema. Fonte: https://...
DiegoAugusto's user avatar
  • 8.744
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.345
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

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

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