我在针对UpdatePanel内部控件的网络表单中使用了TINYmCE。
它曾经在页面加载时工作,但在部分回发时不断消失,即选定的索引更改事件等,所以我在该事件中使用了一个方法
ScriptManager.RegisterClientScriptBlock(this.Page, typeof(string), txtBoxBody.ClientID, "TinyEditor()", true);
现在它不会消失。所以我把它放在每个可能导致回发的事件中,但问题是它只出现一次,例如,如果发生一次回发,那么它不会消失,但之后如果我进行第二次回发,它会消失。它仅适用于任何控件上的首次回发。
.aspx代码:
<script type="text/javascript">
function TinyEditor() {
tinymce.init({
selector: '#<%=txtBoxBody.ClientID%>',
script_url: "../../tinymce/js/tinymce/tinymce.min.js",
height: 200,
theme: 'modern',
plugins: [
'advlist autolink lists pagebreak',
//'searchreplace wordcount visualblocks visualchars fullscreen',
'insertdatetime save contextmenu directionality',
' paste textcolor textpattern print'
],
toolbar1: 'insertfile undo redo | fontsizeselect | forecolor emoticons | fontselect emoticons | styleselect | bold italic | alignleft aligncenter alignright alignjustify',
//toolbar2: 'print preview media | forecolor backcolor emoticons',
//image_advtab: true,
fontsize_formats: '8pt 9pt 10pt 11pt 12pt 14pt 18pt 20pt 22pt 24pt 26pt 28pt 36pt 48pt 72pt',
//templates: [
// { title: 'Test template 1', content: 'Test 1' },
// { title: 'Test template 2', content: 'Test 2' }
//],
content_css: [
'//fast.fonts.net/cssapi/e6dc9b99-64fe-4292-ad98-6974f93cd2a2.css',
'//www.tinymce.com/css/codepen.min.css'
]
});
}
</script>
您可以尝试稍微不同的方法。当您使用 UpdatePanel 时,它会生成一些 JS 帮助程序函数和事件,您可以连接到这些函数和事件:
<script type="text/javascript">
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler_Page);
function EndRequestHandler_Page(sender, args) {
TinyEditor();
}
$(document).ready(function () {
TinyEditor();
});
</script>
这样你就不需要调用 ScriptManager.RegisterClientScriptBlock。