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.
CKEDITOR.instances.editor1.insertText( 'texto' );