Configurei o tinyMCE em um dos projetos que estou trabalhando e funcionou sem problemas aparentes, após configura-lo comecei os testes pegando o valor do campo pela funçao da jquery chamada val() e mandei dar um alert para ver se o valor do campo estava chegando corretamente ao javascript.

No primeiro texto digitado funcionou corretamente, o valor chegou como esperado, mais apartir disso qualquer texto digitado ou apagado no campo me retornava o mesmo valor do primeiro texto, entao percebi que havia um problema, o tinyMCE nao atualiza o conteudo do campo apos a primeira vez que foi digitado.

Para resolver este problema basta adicionar na funcao que pega o value do campo o seguinte codigo:

// Atualiza o conteúdo dos textareas toda vez que a função é chamada.
tinyMCE.triggerSave();

Código junto com a função que pega o valor do campo:

function teste()
{
    tinyMCE.triggerSave();

    var mensagem = $('#pergunta').val();
    alert(mensagem);
} 

Ou se preferir voce pode colocar o código abaixo na sua função init “inicial” que ela atualiza os tinyMCE de toda a pagina:

function init()
{
    $('form').bind('form-pre-serialize', function(e) {
        tinyMCE.triggerSave();
    });	
}

// Jquery / Quando a pagina estiver pronta dispara a chamada da init.
$(document).ready(init);

Mesmo sendo um erro simples resolvi postar para ajudar as pessoas que tiverem o mesmo problema que tive. Abraços. Até Mais…

• Tweet