Редактор текста TinyMCE Rich не разрешает использование нескольких текстовых редакторов

Я использую текстовый редактор TinyMCE Rich в моем приложении MVC. Я использую tinymce.js и tinymce.min.js. Проблема, с которой я столкнулась, заключается в том, что я не могу показать несколько текстовых редакторов в моем приложении. Если пользователь выбрал один редактор, то он работает нормально, но если сделано несколько вариантов, редактор появляется только для первого, а остальное - как обычные текстовые области.Редактор текста TinyMCE Rich не разрешает использование нескольких текстовых редакторов

Пожалуйста, помогите.

Отрывки моего кода:

Bundle, содержащий 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_Mcefull.cshtml Сейчас:

<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>

источник

2014-11-14 Pallavi

Можете ли вы предоставить код View, где вы пытаетесь инициализировать 2 TinyMCE? Однажды у меня была эта проблема. Причина в том, что я пытаюсь дважды запустить Miny MCE. –

Привет, teo, вы хотите, чтобы я предоставил вам tinymce_full.cshtml codE? – Pallavi

Вы получаете пакет от Nuget и ничего не меняете? –

Ну, в макете:

<!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>

Может Скажите прямо сейчас, почему, но я помню, что было важно подключить TinyMCE после JQuery. Шаблон 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 */ 
)

Надеется, что это будет работать для вас

источник

2014-11-14 07:14:37

Огромное спасибо Тео, позвольте мне попробовать с предоставленным вами ответом. – Pallavi

Я все еще не могу получить несколько редакторов. Я получаю ошибку JScript, поскольку объект не поддерживает это свойство, с ошибкой в получении темы. :( – Pallavi

Можете ли вы предоставить свой код вида, где вы пытаетесь его создать? И Browser sripts errors, если они существуют? –

Редактор текста TinyMCE Rich не разрешает использование нескольких текстовых редакторов

ответ

Смежные вопросы