javascript - 为什么这个 TinyMCE AJAX 集成可以工作 9/10 次？

Question

我有一个 TinyMCE 实现，它在大约 80-90% 的时间里可以正常工作，但对于最后的百分比，编辑器的内容无法填充 - 由于缺乏更好的措辞。

实际上，在页面加载时，jQuery AJAX 调用会到达 PHP 页面，从我的数据库中获取一些内容。检索后，我将 TinyMCE 实例的值设置为响应的内容。我对此进行了几轮研究，首先是自定义 AJAX 构建，最近是 jQuery 构建。在这两种情况下，我得到的结果大致相同 - 编辑器加载，内容从服务器返回，并且每隔一段时间，文本区域就会变成空白。

最新的尝试比之前的尝试要短得多，但无论如何，我最终仍然得到了相同的结果。我还尝试在内容加载后重新绘制 TinyMCE 实例，但无济于事。

即使出现故障，两个控制台日志的结果也是相同的 - 以及我的服务器的预期响应。因此值已设置，但内容不可见。

function LoadAgenda()
{
    $.ajax(
    {       
        url: 'http://www.example.com/agenda.php?AgencyID=' + AgencyID + '&date=' + AgendaDate,
        cache: false,
        dataType: 'html'
    })
    .done(function(Response)
    {
        console.log(Response);

        $('#AgendaContent').val(Response);

        tinyMCE.execCommand("mceRepaint");

        console.log($('#AgendaContent').val());
    });
}

最后，郑重声明，我使用的是 TinyMCE 4.1.6。

如果有人需要比这更多的信息，我很乐意效劳。

Answer 1

首先会发生什么？编辑器正在加载还是 ajax 调用已完成？如果您的 ajax 调用是在编辑器加载后发生的，我认为 .val() 不会起作用，因为在 TinyMCE 初始化它之后它不再是一个简单的文本区域。试试这个:

• 仅进行ajax调用after the editor is initialized
• 将 .val() 更改为 setContent()