Javascript 如何修复多行文本框的tinymce错误

Javascript 如何修复多行文本框的tinymce错误,javascript,jquery,asp.net,Javascript,Jquery,Asp.net,我正在使用ASP.NETWebForm 我对tinymce和多行文本框有一些问题。 当我点击提交按钮时,我遇到了错误。 我使用了一些Trike中的命令,如:OnClientClick=“tinyMCE.triggerSave(false,true);” 但它不起作用。 请给我一些解决办法 <div style="float: left; width: 100px;"> <asp:Button ID="btnSubmit" runat="server" CssC

我正在使用ASP.NETWebForm 我对tinymce和多行文本框有一些问题。 当我点击提交按钮时,我遇到了错误。 我使用了一些Trike中的命令,如:
OnClientClick=“tinyMCE.triggerSave(false,true);”
但它不起作用。 请给我一些解决办法

 <div style="float: left; width: 100px;">
        <asp:Button ID="btnSubmit" runat="server" CssClass="btn btn-success" Text="<%$Resources:Buttons,Submit %>"
            OnClientClick="tinyMCE.triggerSave(false,true);" OnClick="btnSubmit_Click" />

    </div>


<script src="../Scripts/tinymce/tinymce.min.js" type="text/javascript"></script>

<script type="text/javascript" >
    tinyMCE.init({
        selector: "textarea",
         height: 500,
        plugins: [
          "advlist autolink autosave link image lists charmap print preview hr anchor pagebreak spellchecker",
          "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
          "table contextmenu directionality emoticons template textcolor paste fullpage textcolor colorpicker textpattern"
        ],

        toolbar1: "newdocument fullpage | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | styleselect formatselect fontselect fontsizeselect",
        toolbar2: "cut copy paste | searchreplace | bullist numlist | outdent indent blockquote | undo redo | link unlink anchor image media code | insertdatetime preview | forecolor backcolor",
        toolbar3: "table | hr removeformat | subscript superscript | charmap emoticons | print fullscreen | ltr rtl | spellchecker | visualchars visualblocks nonbreaking template pagebreak restoredraft",

        menubar: false,
        toolbar_items_size: 'small',

        style_formats: [{
            title: 'Bold text',
            inline: 'b'
        }, {
            title: 'Red text',
            inline: 'span',
            styles: {
                color: '#ff0000'
            }
        }, {
            title: 'Red header',
            block: 'h1',
            styles: {
                color: '#ff0000'
            }
        }, {
            title: 'Example 1',
            inline: 'span',
            classes: 'example1'
        }, {
            title: 'Example 2',
            inline: 'span',
            classes: 'example2'
        }, {
            title: 'Table styles'
        }, {
            title: 'Table row 1',
            selector: 'tr',
            classes: 'tablerow1'
        }],

        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'
        ]
    });

tinyMCE.init({
选择器:“文本区域”,
身高:500,
插件:[
“advlist autolink autosave link image list charmap打印预览hr锚定页面中断拼写检查器”,
“searchreplace wordcount visualblocks visualchars代码全屏插入日期时间媒体非中断”,
“表格上下文菜单方向性表情模板文本颜色粘贴全页文本颜色颜色选择器文本模式”
],
工具栏1:“新建文档全页|粗体斜体下划线删除线|左对齐中心对齐右对齐对齐对齐|样式选择格式选择字体选择字体大小选择”,
工具栏2:“剪切复制粘贴|搜索替换| bullist numlist | outdent缩进块报价|撤消重做|链接取消链接锚定图像媒体代码| insertdatetime预览|前景色背景色”,
工具栏3:“表格| hr removeformat |下标上标| charmap表情符号|全屏打印| ltr rtl |拼写检查器| visualchars visualblocks非破坏性模板pagebreak restoredraft”,
梅努巴:错,
工具栏项目大小:“小”,
样式和格式:[{
标题:“粗体文本”,
内联:“b”
}, {
标题:“红色文本”,
内联:“span”,
风格:{
颜色:“#ff0000”
}
}, {
标题:“红色标题”,
块:“h1”,
风格:{
颜色:“#ff0000”
}
}, {
标题:“示例1”,
内联:“span”,
类:“示例1”
}, {
标题:“示例2”,
内联:“span”,
类:“示例2”
}, {
标题:“表格样式”
}, {
标题:“表第1行”,
选择器:“tr”,
类:“tablerow1”
}],
模板:[{
标题:“测试模板1”,
内容:“测试1”
}, {
标题:“测试模板2”,
内容:“测试2”
}],
内容(css):[
“//fast.fonts.net/cssapi/e6dc9b99-64fe-4292-ad98-6974f93cd2a2.css”,
“//www.tinymce.com/css/codepen.min.css”
]
});

我相信您将面临TinyMCE与ASP.NET Web表单一起使用时出现的验证问题。我最终为自己的项目找到了以下解决方案

tinyMCE.init({
    setup: function (editor) {          
        // Listen to change and keyup events and trigger save event
        editor.on('change', tinyMCE.triggerSave);
        editor.on('keyup', tinyMCE.triggerSave);
    },
    ... // Other options
});

你能用你看到的错误编辑这篇文章吗?谢谢你的指导。但不幸的是,它仍然不起作用。伊泽特先生,如果你有任何其他想法或解决方案,请告诉我。它仍然显示验证错误吗?我在编辑器中编写了完整的代码,因此代码中可能有错误。你确定它工作正常,但你仍然有问题吗?我尝试了很多不同的方法。但问题依然存在。当我省略纸条文件时。文本框工作正常,但一旦我从脚本使用,错误再次出现!(如此有趣如此烦人)请在你的问题中添加一个屏幕截图。一切都会很清楚的。