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 ...
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-...
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-...
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 ...
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']...
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:
...
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....
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')...
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-...
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 ...
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);
}
<...
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....
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">&...
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 {
...
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 é ...
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 ...
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) { //...
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&...
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.
<...
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....
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 ...
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 ...
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 ...
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://...
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 ...
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> ...
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":"...
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 ...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
textarea × 57javascript × 27
html × 23
jquery × 13
php × 10
html5 × 8
mysql × 5
css × 5
formulário × 4
java × 2
laravel × 2
angularjs × 2
css3 × 2
react × 2
input × 2
tinymce × 2
ajax × 1
json × 1
angular × 1
asp.net × 1
typescript × 1
aplicação-web × 1
spring × 1
variáveis × 1
session × 1