1

Preciso limitar a quantidade de caracteres no CKEditor.

Segui o passo a passo deste topico: Limitar texto no CKEDITOR

Mas não deu certo. Abaixo as alterações feitas no meu codigo:

../ckeditor/config.js

plugin add no diretorio

   <textarea id="desc" name="desc" data-maxlen="10" rows="7" cols="45"</textarea>

O ckeditor funciona, porem o plugin não.

Ps. tentei tambem add a pasta "maxlenght" dentro desta pasta plugin. Também não funcionou.

Algo errado na sua implementação?

Outra questão: como esse plugin funciona? ele não deixa passar os caracteres da quantidade escolhida? ou ele apresenta erro depois de enviar o formulario?

Desde ja agradeço.

2
  • Em vez de data-maxlen="10", tenta maxlength="10"
    – Sam
    Commented 3/04/2018 às 12:07
  • Nenhum dos dois funcionam.
    – ARodrigues
    Commented 3/04/2018 às 12:13

1 Resposta 1

1

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="80"></textarea>

Código:

<script>
window.onload = function(){            
    CKEDITOR.instances.desc.on('key',function(event){
       // cada código na array representa uma tecla
       // Ex.: backspace, delete, uparrow etc..
       var keys = [46,8,38,40,37,39,35,36,16,18];
        var keyCode = event.data.keyCode;
        if(~keys.indexOf(keyCode)){
            return true;
        }else{
            var textLimit = document.querySelector("#desc").getAttribute("maxlength");
            var str = CKEDITOR.instances.desc.getData().replace(/<[^>]*>/g, "");
            if (str.length >= textLimit) return false;
        }
    });    
};

CKEDITOR.replace('desc');
</script>
9
  • Usei exatamente o seu codigo. Copiei e colei. Ele limita os caracteres, mas a pagina para de reconhecer o ckeditor.
    – ARodrigues
    Commented 3/04/2018 às 17:40
  • Veja que na resposta a linha CKEDITOR.replace('desc'); é apenas um exemplo para iniciar o CKeditor. Se vc já iniciou em algum lugar, não precisa colocar essa linha.
    – Sam
    Commented 3/04/2018 às 17:44
  • Retirei a linha, obtive o mesmo resultado.
    – ARodrigues
    Commented 3/04/2018 às 17:47
  • Acho que o jeito vai ser expandir o campo no banco de dados para text e não limitar... Pelo menos com o CKEditor eu ja protejo o input contra invasões. (certo?)
    – ARodrigues
    Commented 3/04/2018 às 17:48
  • Veja o teste que fiz funcionando: dvdteste.hospedagemdesites.ws/ckeditor/teste.html
    – Sam
    Commented 3/04/2018 às 17:52

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 .