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

Question

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

我遵循了很小的文档，但是给我的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>

这个问题也与我的问题有关，但不包括如何给html文件指定路径的描述

更新1：

我试图使用jquery将html加载到TinyMCE textarea中，此问题对此进行了描述

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


<script type="text/javascript">

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

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

</script>
}

但似乎它也不起作用

Answer 1

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

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

问题描述

1 个解决方案

解决方案1
0 2015-10-08 15:01:05

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

问题描述

1 个解决方案

解决方案1 0 2015-10-08 15:01:05

解决方案1
0 2015-10-08 15:01:05