Question

我正在尝试将文件管理器Responsive File Manager集成到TinyMCE中。我按照它为TinyMCE列出的安装步骤，但是当我尝试插入文件时，我得到一个空白的屏幕。

不太确定我哪里出错了所以任何帮助都会非常感激。我的代码如下：

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs"  Inherits="_Default" %>

    <!DOCTYPE html>

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <title>Title</title>
    <script type="text/javascript" src="tinymce_4.0.16/tinymce/js/tinymce/tinymce.min.js">               </script>

<!--TinyMCE 4 -->
    <script>
        tinymce.init({
            selector: "textarea#elm1",
            theme: "modern",
            width: 1000,
            height: 1000,
            plugins: [
                 "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
                 "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
                 "save table contextmenu directionality emoticons template paste textcolor responsivefilemanager"
            ],
            content_css: "css/content.css",
            toolbar: "insertfile undo redo | styleselect | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | ink image | print preview media fullpage | forecolor backcolor emoticons | responsivefilemanager | link unlink anchor | image media | print preview code ",

            image_advtab: true,
            relative_urls: false,

            external_filemanager_path: "file:///C:/Users/User/Documents/Visual%20Studio%202012/Projects/TinyMCE/ResponsiveFilemanagerMaster/filemanager/",
            filemanager_title: "Responsive File Manager",
            external_plugin: { "filemanager": "file:///C:/Users/User/Documents/Visual%20Studio%202012/Projects/TinyMCE/ResponsiveFilemanagerMaster/filemanager/plugin.min.js" },

            style_formats: [
                 { title: 'Bold text', inline: 'b' },
                 { title: 'Red text', inline: 'span', styles: { color: '#ff0000' } },
                 { title: 'Red header', block: 'h1', styles: { color: '#ff0000' } },
                 { title: 'Example 1', inline: 'span', classes: 'example1' },
                 { title: 'Example 2', inline: 'span', classes: 'example2' },
                 { title: 'Table styles' },
                 { title: 'Table row 1', selector: 'tr', classes: 'tablerow1' }
            ]
        });
</script>
</head>
<body>
    <form id="form1" runat="server" method="post" action="Default.aspx">
    <div>
    <textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%"></textarea>
    </div>
    </form>
</body>
</html>

Answer 1

为了帮助可能遇到此问题的其他人，我应该注意响应式文件管理器上的文档无法共享一个重要步骤。

在压缩文件中有一个 filemanager 文件夹和一个 tinymce 文件夹。

有关提及复制 filemanager 文件夹（最好是复制到根网站文件夹）的文档。

但是没有说明 tinymce 文件夹中的插件文件夹。

复制

tinymce/plugins/responsivefilemanager

从压缩下载到

的文件夹

tinymce/plugins

在您的网络服务器上。

请注意， responsivefilemanager 文件夹与主 filemanager 文件夹不同。在init for tinyMCE中，您希望将 external_filemanager_path 指向主 filemanager 文件夹。与 plugin.min.js

相同

Answer 2

将filemanager文件夹放在项目文件夹

中

relative_urls:false,
image_advtab: true ,
external_filemanager_path:"/yourprojectname/filemanager/",
filemanager_title:"Filemanager" ,
external_plugins: { "filemanager" : "filemanager/plugin.min.js"}

无法将文件响应管理器与TinyMCE 4集成

2 个答案: