我第一次使用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>
}