Asp.net mvc TinyMCE富文本编辑器不允许多个文本编辑器_Asp.net Mvc_Tinymce_Rich Text Editor

Asp.net mvc TinyMCE富文本编辑器不允许多个文本编辑器

asp.net-mvc tinymce

Asp.net mvc TinyMCE富文本编辑器不允许多个文本编辑器,asp.net-mvc,tinymce,rich-text-editor,Asp.net Mvc,Tinymce,Rich Text Editor,我正在MVC应用程序中使用TinyMCE富文本编辑器。我正在使用tinymce.js和tinymce.min.js。我面临的问题是，我无法在我的应用程序中显示多个富文本编辑器。如果用户选择了一个编辑器，那么它可以正常工作，但是如果选择了多个编辑器，那么编辑器将仅显示第一个编辑器，其余部分显示为正常文本区域请帮忙我的代码片段：包含TinyMCE的包： @using System.Web.Optimization @Scripts.Render("~/bundles/tinymce")

我正在MVC应用程序中使用TinyMCE富文本编辑器。我正在使用tinymce.js和tinymce.min.js。我面临的问题是，我无法在我的应用程序中显示多个富文本编辑器。如果用户选择了一个编辑器，那么它可以正常工作，但是如果选择了多个编辑器，那么编辑器将仅显示第一个编辑器，其余部分显示为正常文本区域

请帮忙

我的代码片段：

包含TinyMCE的包：

@using System.Web.Optimization
@Scripts.Render("~/bundles/tinymce")

Global.asax：

 public static void RegisterBundles(BundleCollection bundles)
        {

            //Creating bundle for your js files
            bundles.Add(new ScriptBundle("~/bundles/tinymce").Include(
            "~/Scripts/tinymce/tiny_mce.js"));
        }

没有浏览器脚本错误。出现JSScript错误时说：对象不支持此属性或方法错误

Tiny_mcevell.cshtml现在：

嗯，在您的布局中：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    @Styles.Render("~/Content/css")

    @Scripts.Render("~/bundles/tinymce")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/jqueryui")
    @Scripts.Render("~/bundles/jqgrid")
</head>

现在还不能解释原因，但我记得在Jquery之后插入TinyMCE是很重要的。 TinyMCE模板：

<script type="text/javascript">

    (function(){ 

        tinyMCE.init({

            // General options
            mode: "exact",
            elements: "@ViewData.TemplateInfo.GetFullHtmlFieldName(string.Empty)",
            theme: "advanced",
            height: "500",
            width: "790",
            verify_html : false,
            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",

            // 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,codehighlighting,netadvimage",
            theme_advanced_toolbar_location : "top",
            theme_advanced_toolbar_align : "left",
            theme_advanced_statusbar_location : "bottom",
            theme_advanced_resizing : false,

            // Example content CSS (should be your site CSS)
            //content_css : "css/content.css",
            content_css : "@Url.Content("~/Scripts/tinymce/css/content.css")",
            convert_urls : false,

            // 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",

        });

    })();

</script>

@Html.TextArea(string.Empty, /* Name suffix */
    ViewData.TemplateInfo.FormattedModelValue /* Initial value */
)

希望这对您有用

您能提供您尝试初始化2 tinyMCE的查看代码吗？我曾经有过这个问题。原因是我尝试初始化了两次Tiny MCE。嗨，teo，你想让我给你提供tinymce_full.cshtml代码吗？你从Nuget得到了一个包，里面什么都没有改变？是的，我什么都没有改变，谢谢你这么多teo，让我尝试使用您提供的答案。我仍然无法获得多个编辑器。我收到一个JScript错误，表示对象不支持此属性，并在获取主题时出错：您可以在尝试创建视图的位置提供视图代码吗？如果存在浏览器脚本错误？我在问题中添加了代码片段对不起，但我仍然看不到完整的图片。现在哪个包包含TinyMCE脚本？更改后tinymce_full.cshtml现在的外观如何？您可以发布Brouser脚本完整错误吗？

<script type="text/javascript">

    (function(){ 

        tinyMCE.init({

            // General options
            mode: "exact",
            elements: "@ViewData.TemplateInfo.GetFullHtmlFieldName(string.Empty)",
            theme: "advanced",
            height: "500",
            width: "790",
            verify_html : false,
            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",

            // 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,codehighlighting,netadvimage",
            theme_advanced_toolbar_location : "top",
            theme_advanced_toolbar_align : "left",
            theme_advanced_statusbar_location : "bottom",
            theme_advanced_resizing : false,

            // Example content CSS (should be your site CSS)
            //content_css : "css/content.css",
            content_css : "@Url.Content("~/Scripts/tinymce/css/content.css")",
            convert_urls : false,

            // 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",

        });

    })();

</script>

@Html.TextArea(string.Empty, /* Name suffix */
    ViewData.TemplateInfo.FormattedModelValue /* Initial value */
)