2011-12-13 1 views
1

Я создаю приложение, в котором я использую редактор TinyMCE, чтобы предоставить варианты редактирования текста в текстовой области. Я хочу предоставить функцию save, где я хочу сохранить содержимое textarea, используя пост AJAX.Как получить доступ к скрытому полю ввода, которое TinyMCE использует для текстового редактора

Итак, нажмите кнопку ОК. Я использую form.serialize(), чтобы отправить его в запрос AJAX. Ниже приведен jQuery, который я использую. В соответствии с этим он должен сериализовать все поля, которые установлены, за исключением одного имени csrfmiddlewaretoken. Идентификатор текстового поля - id_text, который задается моделями django. Однако проблема заключается в том, что текст, который я печатаю в редакторе, на самом деле не копируется на мое текстовое поле.

Скорее всего, редактор TinyMCE отображает его на экране, и только когда мы нажимаем кнопку отправки, оно копируется в базовую текстовую область. Из-за этого я не могу сохранить содержание, которое в настоящее время напечатали.

$(".preview_button").click(function() 
    {   
     $.ajax({ 
      type: "POST", 
      url: current_link, 
      data: $("#blog_form :input[name!='csrfmiddlewaretoken']").serialize(), 
      dataType: 'json', 
      success: function(data) 
      { 
      var preview_link = location.host; 
      preview_link = preview_link + data; 
      window.open(data,'preview_tab'); 
      $("#reply-message").html('Form saved' + $("#blog_form :input[name!='csrfmiddlewaretoken']").serialize()); 
      }, 
      error: function(request,error) 
      { 
      // display success message and reset values in the form fields 
      $("#reply-message").html('Form not saved because error:' + error); 
      }, 

     }); 

     return false; 
    }); 

Может кто-нибудь сказать мне, как получить доступ к тексту в текстовом редакторе TinyMCE, который, как показано на экране.

ответ

2

Используйте экземпляр save method на экземпляре редактора, чтобы переместить содержимое из редактора в текстовое поле.

+0

+1 Это путь сюда – Thariama

0

Добавить tinyMCE.triggerSave(); как таким образом:

tinyMCE.triggerSave(); 
$.ajax({ 
// Your code 
}); 

Это ваша проблема решена.

Смежные вопросы