ajax请求后所见即所得编辑器消失

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()（在所见即所得文档中可能是更好的方法）

• 在 ajax 调用后重新运行所见即所得的初始化代码。