在MVC中应用Editor之前,TinyMCE会显示textarea吗?

时间:2018-06-08 15:38:08

标签: jquery asp.net-mvc tinymce

我第一次使用TinyMCE,当页面最初加载时,在将Editor应用于textarea之前,您会看到普通文本区域大约一秒钟。我已经搜索过,在将Editor应用到它之前找不到显示textarea的方法。

我的JS初始化编辑器位于页面底部。我尝试将JS代码包装在$ document.ready中,但这似乎没有帮助。

这是我用来初始化它的代码。

@Html.TextAreaFor(m => m.BidMessage)


@section scripts {    
    <script type="text/javascript">
        tinymce.init({
            selector: '#BidMessage',
            auto_focus: 'BidMessage',
            menu: {},
            statusbar: false,
            toolbar: 'undo redo | styleselect | bold italic underline strikethrough | fontselect fontsizeselect | link image | alignleft aligncenter alignright | code',
            plugins: 'code',
            style_formats: [
                {
                    title: 'Headers', items: [
                        { title: 'Header 1', format: 'h1' },
                        { title: 'Header 2', format: 'h2' },
                        { title: 'Header 3', format: 'h3' },
                        { title: 'Header 4', format: 'h4' },
                        { title: 'Header 5', format: 'h5' },
                        { title: 'Header 6', format: 'h6' }
                    ]
                },
                {
                    title: 'Inline', items: [
                        { title: 'Bold', icon: 'bold', format: 'bold' },
                        { title: 'Italic', icon: 'italic', format: 'italic' },
                        { title: 'Underline', icon: 'underline', format: 'underline' },
                        { title: 'Strikethrough', icon: 'strikethrough', format: 'strikethrough' }
                    ]
                },
                {
                    title: 'Alignment', items: [
                        { title: 'Left', icon: 'alignleft', format: 'alignleft' },
                        { title: 'Center', icon: 'aligncenter', format: 'aligncenter' },
                        { title: 'Right', icon: 'alignright', format: 'alignright' },
                        { title: 'Justify', icon: 'alignjustify', format: 'alignjustify' }
                    ]
                }
            ]
        });
    </script>
}

0 个答案:

没有答案