Javascript 文本区域上的TinyMCE

我正在asp.net中开发一个讨论面板，其中我的TinyMCE代码如下

  <!-- TinyMCE -->

    <script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
    <script type="text/javascript">
        tinyMCE.init({
            // General options
            mode: "textareas",
            theme: "advanced",
            editor_selector : "mceEditor",

            element: "abc",

            plugins: "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",

            setup: function (ed) {
                ed.onKeyPress.add(
                    function (ed, evt) {

                    }
                );
            },
            // Theme options
            theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
            theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
            theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
            theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
            theme_advanced_toolbar_location: "top",
            theme_advanced_toolbar_align: "left",
            theme_advanced_statusbar_location: "bottom",
            theme_advanced_resizing: true,

            // Example content CSS (should be your site CSS)
            content_css: "css/content.css",

            // Drop lists for link/image/media/template dialogs
            template_external_list_url: "lists/template_list.js",
            external_link_list_url: "lists/link_list.js",
            external_image_list_url: "lists/image_list.js",
            media_external_list_url: "lists/media_list.js",

            // Style formats
            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' }
        ],

            // Replace values for the template plugin
            template_replace_values: {
                username: "Some User",
                staffid: "991234"
            }
        });
    </script>

    <!-- /TinyMCE -->

tinyMCE.init({
//一般选择
模式：“文本区域”，
主题：“高级”，
编辑选择器：“mceEditor”，
元素：“abc”，
插件：“分页符、样式、图层、表格、保存、advhr、advimage、advlink、情感、iespell、inlinepopups、insertdatetime、预览、媒体、搜索替换、打印、上下文菜单、粘贴、方向性、全屏、不可编辑、可视光标、不可中断、xhtmlxtras、模板、字数、advlist、自动保存”，
设置：功能（ed）{
ed.onKeyPress.add(
功能（ed、evt）{
}
);
},
//主题选项
主题_高级_按钮1：“保存、新建文档、|、粗体、斜体、下划线、删除线、|、左对齐、居中对齐、右对齐、全对齐、样式选择、格式选择、字体选择、字体大小选择”，
主题高级按钮2：“剪切、复制、粘贴、粘贴文本、粘贴文字、搜索、替换、布利斯特、numlist、outdent、indent、blockquote、|、撤消、重做、链接、取消链接、锚定、图像、清理、帮助、代码、插入日期、插入时间、预览、前景色、后景色”，
主题|高级|按钮3：“表格控件，|，hr，removeformat，visualaid，|，sub，sup，|，charmap，情感，易趣，媒体，advhr，|，打印，|，ltr，rtl，|，全屏”，
theme_advanced_按钮4：“插入层、向前移动、向后移动、绝对、|、styleprops、|、引用、缩写、首字母缩写、del、ins、attribs、|、visualchars、非中断、模板、分页符、restoredraft”，
主题\高级\工具栏\位置：“顶部”，
主题\高级\工具栏\对齐：“左”，
主题\高级\状态栏\位置：“底部”，
主题\u高级\u大小调整：正确，
//示例内容CSS（应该是您的网站CSS）
content\u css：“css/content.css”，
//链接/图像/媒体/模板对话框的下拉列表
template\u external\u list\u url:“lists/template\u list.js”，
外部链接列表url:“lists/link\u list.js”，
外部图片列表url:“lists/image\u list.js”，
媒体\u外部\u列表\u url:“lists/media\u list.js”，
//样式格式
样式和格式：[
{标题：“粗体文本”，内联：“b'}，
{标题：'Red text'，内联：'span'，样式：{color:'#ff0000'}}，
{title:'Red header'，block:'h1'，style:{color:'#ff0000'}}，
{title:'example1'，inline:'span'，classes:'example1'}，
{title:'example2'，inline:'span'，classes:'example2'}，
{title:'表格样式'}，
{title:'Table row 1'，选择器：'tr'，类：'tablerow 1'}
],
//替换模板插件的值
模板替换值：{
用户名：“某个用户”，
标记：“991234”
}
});

我想在文本区域应用TinyMCE编辑器，在我的HTML中，我给文本区域加上类名

<% using (Html.BeginForm("PostProblem", "Discussion", FormMethod.Post))
        { %>

    <textarea id = "abc" class =  "mceEditor" rows = "100" cols = "100" ></textarea>

    <% } %>

---

Textarea不工作，它显示的是简单的Textarea而不是tinymce text area:（

确保tiny_mce.js的路径正确，最好选择它（tinymce/jscript/tiny_mce/tiny_mce.js）。

---

还要验证textarea是否没有分区，并暂时删除class属性，以确定原因。

确保脚本出现在要替换的

textarea

之前-因为您发布的所有内容看起来都很好…您在页面上收到了什么错误？简单的textarea apears…使su脚本是否出现在要替换的文本区域之前？请解释它。

tincymce

脚本需要出现在包含

textarea

的

HTML

中。。。