-1
var textarea = document.querySelector(".editor");
var negrito = document.querySelector("button");
var paragrafo = document.createElement('p');


negrito.onclick = function(){ 
    var select =  document.getSelection(".editor");
    var italico = document.createElement('i');
    var texto = document.createTextNode(select.toString());
    italico.appendChild(texto);
    console.log(select.italico());

}

textarea.onkeypress= function(){



}

1 Resposta 1

0

No exemplo abaixo eu pego o valor selecionado pelo usuário, uso um regex para obter somente o texto do textarea, e crio um novo texto acrescentando a tag selecionada pelo usuário e por último adiciono esse novo texto ao textarea.

function opcaoSelecionada(val){
  if(val) {
    let text = document.getElementById('area').value.replace(/(<(&nbsp;|[^>]+)>)/ig, "");
    text = `<${val}>${text}</${val}>`;
    document.getElementById('area').value = text;
  }

}
<textarea id="area"></textarea>

<select onchange="opcaoSelecionada(this.value)">
      <option value="">Selecione uma opção</option>
      <option value="b">Negrito</option>
      <option value="i">Italico</option>
</select>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .