2015-10-08 3 views
1

Я настроил tinymce в моем проекте asp.net mvc. Я хочу загрузить html-файл в контент редактора TinyMCE, который находится в другом месте назначения.Загрузить файл html в качестве исходного содержимого в редакторе tinymce

Я следовал за tiny Documentation, но это немного запутывает, чтобы указать путь к моему html-файлу.

tinyMCE.activeEditor.setContent('<span>some</span> html'); 

это мой cshtml файл

@{ } 
<!DOCTYPE html> 
<html> 
<head> 
    <meta name="viewport" content="width=device-width" /> 
    <title>TinyMCE Example</title> 
    <!-- TinyMCE Script Reference --> 
    <script src="~/scripts/tinymce/tinymce.min.js"></script> 
    <!-- Script to wire up your TinyMCE editor --> 
    <script type="text/javascript" src="~/Scripts/tinymce/tinymce.min.js"></script> 
    <script type="text/javascript"> 
     tinymce.init({ 

      selector: "textarea", 
      theme: "modern", 
      plugins: [ 
     "advlist autolink lists link image charmap print preview hr anchor pagebreak", 
     "searchreplace wordcount visualblocks visualchars code fullscreen", 
     "insertdatetime media nonbreaking save table contextmenu directionality", 
     "emoticons template paste textcolor colorpicker textpattern imagetools" 
    ], 
    toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image", 
    toolbar2: "print preview media | forecolor backcolor emoticons", 
    image_advtab: true, 
    templates: [ 
     {title: 'Test template 1', content: 'Test 1'}, 
     {title: 'Test template 2', content: 'Test 2'} 
    ], 

}); 
     tinyMCE.activeEditor.setContent(Html); 
     </script> 
</head> 
<body> 
    <!-- This will automatically post to your Index method (that is decorated with a HttpPost attribute) --> 
    @using (Html.BeginForm()) 
    { 
     @Html.AntiForgeryToken() 
     <div> 
      <!-- This will contain your HtmlContent and use the TinyMCE editor--> 
      @Html.TextAreaFor(model => model.HtmlContent) 

      <input type="submit" value="Create" /> 
     </div> 
    } 
</body> 
</html> 

This question также относится к моему вопросу, но она не включает в себя описание того, как дать файл HTML, путь

UPDATE 1:

Я попытался загрузить html с помощью jquery в текстовую область TinyMCE, описанную в this question

@section Scripts { 
    @Scripts.Render("~/bundles/jqueryval") 
    @Scripts.Render("~/bundles/jqueryui") 


<script type="text/javascript"> 

    $.get("myhtml.html", function (content) { 

     tinyMCE.activeEditor.setContent(content); 
    }); 

</script> 
} 

, но кажется, что его также не работает

ответ

0

Вы не можете дать путь к функции setContent непосредственно. Что вам нужно сделать, так это получить содержимое html-файла backendide и отправить его на свою страницу, где вы вставляете его в свой редактор, используя метод setContent.

+0

любой пример для меня: – kez

+0

нет, что полностью зависит от бэкэнд (языка) – Thariama

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