TareMCE textarea i formularz post używając ajax

Question

Używam tinyMCE dla textareas i formularz Post przez AJAX.

Ale kiedy próbuję zapisać wartość textarea, przyjmuje ona stare wartości za pierwszym kliknięciem, ale pobiera drugie wartości po drugim kliknięciu.

Próbowałem użyć tinyMCE.triggerSave(), ale nie działa.

Próbowałem również tinyMCE.get ("myid"). GetContent(), nadal pobiera stare wartości.

Mój kod jest następujący.

$(".submit").live("click", function() { 
      tinyMCE.triggerSave(); 
      var f = $(this).parents("form"); 
      var action = f.attr("action"); 
      var serializedForm = f.serialize(); 
      //tinyMCE.triggerSave(); also tried putting here 
      $.ajax({ 
       type: 'POST', 
       url: action, 
       data: serializedForm, 
       async: false, 
       success: function (data, textStatus, request) { 
        $(".divform").html(data); 
       }, 
       error: function (req, status, error) { 
        alert&("Error occurred!"); 
       } 
      }); 
    return false; 
    }); 

Proszę o pomoc, każda pomoc będzie mile widziane

Answer 1

Użyj tego zamiast tinymce.triggerSave();

$('#' + 'your_editor_id').html(tinymce.get('your_editor_id').getContent()); 

Answer 2

Można skonfigurować TinyMCE w następujący sposób, aby zachować wartości ukryte pola tekstowe w synchronizacji, jak zmiany są wprowadzane za pośrednictwem edytora TinyMCE:

tinymce.init({ 
    selector: "textarea", 
    setup: function (editor) { 
     editor.on('change', function() { 
      tinymce.triggerSave(); 
     }); 
    } 
}); 

Z tym w miejscu, c dostęp do aktualnych wartości bezpośrednio z elementów textarea w dowolnym momencie.

został przetestowany na TinyMCE 4.0

Demo działa na: http://jsfiddle.net/9euk9/

Answer 3

Alternatywna realizacja do jednego pisał Dan Malcolm, dla TinyMCE 3.x, będzie w następujący sposób:

tinymce.init({ 
    selector: "textarea", 
    setup: function (editor) { 
     editor.onChange.add(function() { 
      editor.save(); 
     }); 
    } 
}); 

Oprócz wersji 3.x ta wersja używa editor.save zamiast tinymce.triggerSave, co oznacza, że ​​aktualizuje tylko bieżący edytor, a nie wszystkie edytory na stronie.