2

< script src = "//cdn.tinymce.com/4/tinymce.min.js" > < /script> <
  script > tinymce.init({
    selector: 'textarea'
  }); < /script>
<div class="form-group">
  <div class="col-xs-12 col-md-6 ">
    <textarea id="txtDesc" name="message" rows="5" maxlength="1000" runat="server" style="resize: none;"></textarea>
  </div>
</div>

3 Respostas 3

3

Na verdade acredito que o seu problema é por causa do TinyMCE

Veja o que diz a documentação sobre o resize https://www.tinymce.com/docs/configure/editor-appearance/#resize

Script do componente para remover o resize

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  resize: false
});
2
  • Obrigado mano, era exatamente esse o problema Commented 23/05/2018 às 14:30
  • @DaniloGonçalves que bom que resolveu, tmj!
    – hugocsl
    Commented 23/05/2018 às 14:33
0

A seguinte propriedade do css, desabilita o comportamento de resize do textarea

textarea {
    resize: none;
}
2
  • Já fiz dessa forma e não funciona de jeito nenhum Commented 23/05/2018 às 12:50
  • Você já tentou adicionar uma largura e altura fixa pra ele? Por exemplo: textarea { resize: none; height: 300px; width: 100%; } Commented 23/05/2018 às 12:53
0

Fala Dan, apenas adicione resize: none; para a tag. Se quiser, ainda pode manipular sua altura e largura via css.

Exemplo:

textarea#example {
  resize: none;
  width: 50%;
  height: 100px;
}
<textarea id="example"> Exemplo para ex aluno da UNASP </textarea>

1
  • Valeu pela ajuda Jorge, o problema estava no plugin do meu textarea, na tag script eu deveria manipular o resize, o cara ai de cima me passou o que deveria ser feito, Obrigado novamente Commented 23/05/2018 às 14:32

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 .