Question

我在.Net应用程序中使用WYSIWYG编辑器summernote。当我使用AJAX回发表格时，该表格工作正常，但是所见即所得消失了。我知道我需要再次运行初始化程序。我正在使用下面的代码尝试这种操作。

<script>
$('#<%=txtDescription.ClientID%>').summernote({
    tabsize: 2,
    height: 100,
    toolbar: [
        ['style', ['bold', 'italic', 'underline']],
        ['color', ['color']],
        ['para', ['ol', 'paragraph']],
        ['insert', ['link', 'picture', 'video', 'table', 'hr']]
    ]
});

var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function (s, e) {
    $('#<%=txtDescription.ClientID%>').summernote({
        tabsize: 2,
        height: 100,
        toolbar: [
            ['style', ['bold', 'italic', 'underline']],
            ['color', ['color']],
            ['para', ['ol', 'paragraph']],
            ['insert', ['link', 'picture', 'video', 'table', 'hr']]
        ]
    });
});

没有重新加载编辑器，但出现错误：

未捕获的TypeError：$（...）。summernote不是函数在Array .....

Error text in Chrome

Answer 1

我认为主要问题是我的jQuery和Bootstrap引用不准确。下面的代码最后起作用了。

function pageLoad() { // this gets fired when the UpdatePanel.Update() completes
                            $('#<%=txtDescription.ClientID%>').summernote({
                                tabsize: 2,
                                height: 100,
                                toolbar: [
                                    ['style', ['bold', 'italic', 'underline']],
                                    ['color', ['color']],
                                    ['para', ['ol', 'paragraph']],
                                    ['insert', ['link', 'picture', 'video', 'table', 'hr']]
                                ]
                            });
                        }

.Net jQuery所见即所得隐藏在AJAX回发中

1 个答案: