如何访问 TinyMCE 用于文本编辑器的隐藏输入字段

Question

我正在创建一个应用程序，其中使用 TinyMCE 编辑器在文本区域中提供文本编辑选项。我想提供一个 save 功能，我想使用 AJAX post 保存文本区域内容。

因此，在单击按钮时，我使用 form.serialize() 在 AJAX 请求中发送它。下面是我正在使用的jquery。据此，它应该序列化除一个名称csrfmiddlewaretoken之外设置的所有字段。文本区域的id是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 文本编辑器中的文本，如屏幕上所示。

Answer 1

您可以使用 getContent 函数： http ://www.tinymce.com/wiki.php/API3:method.tinymce.Editor.getContent

Answer 2

使用编辑器实例上的保存方法来移动内容将编辑器添加到文本区域。

Answer 3

添加这个tinyMCE.triggerSave();像这样：

tinyMCE.triggerSave();
$.ajax({
// 你的代码
});

它将解决您的问题。