加载html文件作为tinymce编辑器的初始内容

我在我的asp.net mvc项目中设置了tinymce。我想将一个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文件的路径

更新1的说明：

我试图加载html使用jquery到TinyMCE textarea，其描述在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> 
}

但好像它也没有工作

来源

2015-10-08 kez

你不能给直接的setContent功能的路径。您需要做的是将html文件内容后端获取并将其发送到您的页面，并使用setContent方法将其插入到您的编辑器中。

来源

2015-10-08 15:01:05 Thariama

任何示例要跟随我？ – kez

不，完全取决于后端（语言） – Thariama

加载html文件作为tinymce编辑器的初始内容

回答

相关问题