Javascript 在tinymce编辑器中将html文件作为初始内容加载_Javascript_Asp.net Mvc_Tinymce_Textarea_Rich Text Editor

Javascript 在tinymce编辑器中将html文件作为初始内容加载

javascript asp.net-mvc tinymce

Javascript 在tinymce编辑器中将html文件作为初始内容加载,javascript,asp.net-mvc,tinymce,textarea,rich-text-editor,Javascript,Asp.net Mvc,Tinymce,Textarea,Rich Text Editor,我已经在我的asp.net mvc项目中设置了tinymce。我想将一个html文件加载到位于另一个目标的TinyMCE编辑器内容中我遵循了，但是给出我的html文件的路径有点混乱 tinyMCE.activeEditor.setContent('<span>some</span> html'); tinyMCE.activeEditor.setContent（'somehtml'）；这是我的cshtml文件 @{ } <!DOCTYPE html>

我已经在我的asp.net mvc项目中设置了tinymce。我想将一个html文件加载到位于另一个目标的TinyMCE编辑器内容中

我遵循了，但是给出我的html文件的路径有点混乱

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

tinyMCE.activeEditor.setContent（'somehtml'）；

这是我的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>

@{}
TinyMCE示例
tinymce.init({
选择器：“文本区域”，
主题：“现代”，
插件：[
“advlist autolink列出链接图像charmap打印预览hr锚定页面中断”，
“searchreplace wordcount visualblocks visualchars代码全屏显示”，
“insertdatetime媒体非中断保存表上下文菜单方向性”，
“表情模板粘贴文本颜色选择器文本图案图像工具”
],
工具栏1：“插入文件撤消重做|样式选择|粗体斜体|对齐左对齐中心对齐右对齐对齐对齐|粗体numlist outdent缩进|链接图像”，
工具栏2：“打印预览媒体|前景色背景表情”，
图像\u advtab：正确，
模板：[
{标题：'测试模板1'，内容：'测试1'}，
{标题：'测试模板2'，内容：'测试2'}
],
});
tinyMCE.activeEditor.setContent（Html）；
@使用（Html.BeginForm（））
{
@Html.AntiForgeryToken（）
@Html.TextAreaFor（model=>model.HtmlContent）
}

也与我的问题有关，但它不包括如何为html文件提供路径的描述

更新1:

我尝试使用jquery将html加载到一个TinyMCE文本区域，如中所述

@节脚本{
@Scripts.Render（“~/bundles/jqueryval”）
@Scripts.Render（“~/bundles/jqueryui”）
$.get（“myhtml.html”，函数（内容）{
tinyMCE.activeEditor.setContent（content）；
});
}

但是它似乎也不起作用

您不能直接给出setContent函数的路径。

您需要做的是从后端获取html文件内容，并将其发送到页面，然后使用setContent方法将其插入编辑器。

您不能直接提供setContent函数的路径。

您需要做的是从后端获取html文件内容，并将其发送到您的页面，然后使用setContent方法将其插入编辑器。

有没有遵循我的示例？有没有遵循我的示例？

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


<script type="text/javascript">

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

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

</script>
}