在ajax请求后，WYSIWYG编辑器消失

Question

我正在使用Froala WYSIWYG编辑器，我在ajax请求之后遇到问题，从而将新内容从SQL数据库中获取。我无法在编辑的文档中找到解决方案。

这是我用来启动编辑器到用户窗体内部的代码。

<script type="text/javascript" language="javascript">
    $(function() {
        $('#message').editable()
    });
</script>

代码工作正常，然后我发出ajax请求将内容加载到，但在请求之后，我无法正确加载编辑器。

请求页面只是连接到数据库，获取内容并输出类似的内容（代码非常简化）：

<textarea id="message">$sqlRow["message"]</textarea>

我也试过$（document）.ready（function（）{同样糟糕的结果。

可能我做错了，与未正确加载到DOM中的元素有关？

我真的不知道！

我希望我们能搞清楚！谢谢！

Answer 1

通过它的外观你在Javascript中替换textarea，这将导致WYSIWYG编辑器变回正常的textarea。

或者：

• 从服务器获取消息，然后执行$('#message').html()（可能更好的方式在WYSIWYG文档中执行此操作）

• 在ajax调用后重新运行WYSIWYG初始化代码。