4

Tenho um textarea onde será digitado determinado texto. Este texto poderá conter alguns campos específicos (tipo variáveis, que serão substituídos depois). Preciso saber como inserir estas "variáveis" no local específico onde preciso, por exemplo onde o cursor do mouse estava, pois todos os exemplos que vi até agora apenas incluem ao final do texto.

Um exemplo de como deveria funcionar:

"O [nomeDoCliente] está cadastrado no sistema desde [dataCadastro]"

As palavras em negrito seriam as "variáveis". Precisa pegar a última posição do mouse pois o usuário pode escolher onde inserir os campos, o que simplifica para ele.

Informação adicional: o textarea contém texto rico (CKEditor).

Conforme imagem abaixo, o usuário seleciona o "grupo" (p.e.: dados pessoais, dados da empresa, dados do veículo, etc) e depois o combo "campos" e populado segundo o grupo (p.e.: dados pessoais => campos: nome, idade, endereço, data de nascimento, etc). Ao selecionar um item no combo "campos", este item será adicionado no textarea, exatamente na última localização do mouse, que pode ser tanto no final do campo quanto no meio do texto.

inserir a descrição da imagem aqui

4
  • 2
    Qual versão do ckeditor? Se for o 4, creio que basta isso: CKEDITOR.instances.editor1.insertText( 'texto' );
    – Largato
    Commented 25/10/2016 às 18:42
  • @Bacco versão 4.5 Commented 25/10/2016 às 18:45
  • Testou o método acima?
    – Largato
    Commented 25/10/2016 às 18:49
  • 1
    @Bacco, eu corrigi meu teste aqui e realmente sua sugestão funcionou - o erro foi meu. É exatamente isso que preciso, basta agora adaptar para minha necessidade (pegar o valor do campo, etc). O importante que a forma de fazer eu já descobri. Obrigado! Commented 25/10/2016 às 19:27

2 Respostas 2

7

O método para inserção de texto arbitrário na posição do cursor é este:

CKEDITOR.instances.editor1.insertText( 'texto' );

Além do insertText, note que há os métodos insertElement e insertHtml, escolha o mais adequado para o contexto.

Mais detalhes no manual:

http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-insertText

0

Não estou a ver teu código, mas pode tentar:

var texto_var = document.getElementById("id_textarea").value = 
    "O" + nomeDoCliente "está cadastrado no sistema desde "+ dataCadastro;
7
  • a questão é que são diversas "variáveis" e elas ficarão disponíveis através de opções para o cliente selecionar qual quer em determinado momento. Da forma como você expôs ficou estático e nada funcional para o meu caso. Commented 25/10/2016 às 18:19
  • Para seu caso agora ou para o caso exposto na sua pergunta ? Lembrando que só você sabe qual o problema real a resolver, quanto mais específico você for, mais específica será a resposta...
    – MagicHat
    Commented 25/10/2016 às 18:20
  • Pro caso exposto na questão. Commented 25/10/2016 às 18:21
  • Qual o código em questão, tem como editar sua questão e colocar o trecho relevante ?
    – MagicHat
    Commented 25/10/2016 às 18:22
  • Não tem código. Até o momento tem apenas um textarea com CKEditor. Commented 25/10/2016 às 18:24

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 .