1

Estou usando o https://www.tiny.cloud/ para criar um editor de texto.

No momento da edição, é necessário adicionar variáveis, que no momento da impressão serão trocados pelo valor correspondente a cada variável.

Exemplo: A variável $eCNPJ, será substituta e ira aparecer o CNPJ correspondente.

PROBLEMA:

Ao clicar na variável, ela deveria aparecer no dentro do editor na posição marcada, isso não está acontecendo.

CÓDIGO:

$(document).ready(function() {

  tinymce.init({
    selector: 'textarea'
  });


  $('.button').click(function(event) {
    event.preventDefault();
    $('#editor1').tinymce('insertText', ` ${this.innerText} `);
  });

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea id="editor1" class="form-control" name="texto"></textarea>

<br>

<small><strong>ESCOLA...:</strong>
      <a href="#" title="CNPJ" class="button">$eCNPJ</a>
      - <a href="#" title="Rasão Social" class="button">$eRSocial</a>
      - <a href="#" title="Nome Fantasia" class="button"> $eNFantasia</a>
      - <a href="#" title="E-mail" class="button"> $eEmail</a>
      - <a href="#" title="Telefone" class="button"> $eTelefone</a>
    </small>

4
  • De onde vem o número do CNPJ, por exemplo?
    – Sam
    Commented 12/08/2019 às 20:27
  • Eu tenho um arquivo separado que faz a troca das variáveis somente quando vai gerar o PDF. Nessa tela vou apenas salvar no banco de dados.
    – Tiago
    Commented 12/08/2019 às 20:29
  • 1
    Troque a linha que insere o texto por esta: tinymce.activeEditor.execCommand('mceInsertContent', false, ' '+ this.innerText +' ');... veja se funciona na versão que vc está usando.
    – Sam
    Commented 12/08/2019 às 20:43
  • @Sam, funcionou. Coloca como resposta para eu marcar como resolvido. Obrigado.
    – Tiago
    Commented 12/08/2019 às 21:43

1 Resposta 1

1

Em vez de usar .tinymce('insertText'..., use o comando mceInsertContent:

tinymce.activeEditor.execCommand('mceInsertContent', false, ` ${this.innerText} `);

Irá inserir um texto na posição onde estiver editando.

Veja documentação

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 .