At.js
At.js copied to clipboard
Is cleaning after new selecting
Is there a way to click to select a new key without clearing the text inserted previously?

I expeted that the text inside the element changes only after a new is selected. I´m using with FROALA as shown below:
var names = [
{ group: 'Geral', name: 'Data Atual', key: 'Geral.DataAtual' },
{ group: 'Geral', name: 'Dia da Semana', key: 'Geral.DiaSemana' },
{ group: 'Geral', name: 'Dia da Semana Extenso', key: 'Geral.DiaSemanaExtenso' },
{ group: 'Pessoa', name: 'Nome', key: 'Pessoa.Nome' },
{ group: 'Pessoa', name: 'Data Nascimento', key: 'Pessoa.DataNascimento' },
{ group: 'Pessoa', name: 'Data do Contrato', key: 'Pessoa.DataContrato' },
]
var keywords_config = {
at: "{",
data: names,
headerTpl: '<div class="atwho-header">Digite para pesquisar</div>',
displayTpl: "<li>${group} <small>${name} </small></li>",
insertTpl: '{${key}}',
limit: 200
}
editor.$el.atwho(keywords_config)
.on('inserted.atwho', function (event, $li, browser_event) {
editor.$el.find('.atwho-inserted').removeAttr('contenteditable');
});