summernote富文本编辑器和jquery.validate冲突报错的解决方案

报错问题描述：在使用Summernote富文本编辑器和jQuery Validate插件时，两者可能会有兼容性问题导致错误报告。

解决方案：

1. 确保Summernote和jQuery Validate的版本兼容。
2. 如果报错与事件冒泡或事件捕获有关，尝试使用Summernote提供的事件处理方法，例如.on('summernote.change')来代替.on('change')。
3. 检查是否有其他JavaScript库冲突，并尝试将jQuery Validate插件的初始化代码放在所有库加载之后。
4. 如果错误与Summernote的初始化有关，确保在表单验证之前完成了Summernote的初始化。
5. 检查是否有CSS样式冲突，尤其是那些可能影响隐藏域显示和行为的样式。

示例代码：

$(document).ready(function() {
    $('#summernote').summernote({
        height: 300,                 // 设置编辑器的高度
        callbacks: {
            onInit: function() {
                // 初始化完成后，再初始化验证插件
                $('#myform').validate({
                    // 验证规则
                });
            }
        }
    });
});
 
$('#myform').validate({
    rules: {
        content: {
            required: true
        }
    },
    messages: {
        content: {
            required: "内容不能为空"
        }
    }
});

在这个示例中，我们首先初始化了Summernote编辑器，并在其onInit回调函数中初始化了表单验证。这样可以确保在Summernote完全加载并准备接受输入之前，不会触发表单验证。