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

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

javascript tinymce

Javascript 无法将文件响应管理器与TinyMCE 4集成,javascript,tinymce,tinymce-4,Javascript,Tinymce,Tinymce 4,我正在尝试将文件管理器集成到TinyMCE中。我已经按照它为TinyMCE列出的安装步骤进行了操作，但是当我尝试插入一个文件时，会出现一个空白屏幕我不太清楚我哪里出了问题，所以非常感谢您的帮助。我的代码如下： <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <h

我正在尝试将文件管理器集成到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>


标题
tinymce.init({
选择器：“textarea#elm1”，
主题：“现代”，
宽度：1000，
身高：1000，
插件：[
“advlist autolink图像列表charmap打印预览hr锚定页面中断拼写检查器”，
“searchreplace wordcount visualblocks visualchars代码全屏插入日期时间媒体非中断”，
“保存表格上下文菜单方向性表情模板粘贴文本颜色响应文件管理器”
],
content\u css：“css/content.css”，
工具栏：“insertfile undo redo | styleselect |粗体斜体下划线| alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | ink image |打印预览媒体全页|前色背景表情符号| responsivefilemanager |链接取消链接锚定|图像媒体|打印预览代码”，
图像\u advtab：正确，
相对URL:false，
外部文件管理器路径：“file:///C:/Users/User/Documents/Visual%20Studio%202012/Projects/TinyMCE/ResponsiveFilemanagerMaster/filemanager/",
filemanager_标题：“响应文件管理器”，
外部插件：{“文件管理器”：file:///C:/Users/User/Documents/Visual%20Studio%202012/Projects/TinyMCE/ResponsiveFilemanagerMaster/filemanager/plugin.min.js" },
样式和格式：[
{标题：“粗体文本”，内联：“b'}，
{标题：'Red text'，内联：'span'，样式：{color:'#ff0000'}}，
{title:'Red header'，block:'h1'，style:{color:'#ff0000'}}，
{title:'example1'，inline:'span'，classes:'example1'}，
{title:'example2'，inline:'span'，classes:'example2'}，
{title:'表格样式'}，
{title:'Table row 1'，选择器：'tr'，类：'tablerow 1'}
]
});

将

文件管理器

文件夹放在项目文件夹中

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

将

filemanager

文件夹放在项目文件夹中

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

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

在压缩文件中有一个文件管理器文件夹和一个tinymce文件夹

有关复制文件管理器文件夹的文档（最好是复制到您的根web文件夹）

但是没有提到tinymce文件夹中的插件文件夹

抄袭

从压缩下载到您的

tinymce/plugins

在您的Web服务器上

请记住，responsivefilemanager文件夹与主filemanager文件夹不同。在init for tinyMCE中，您希望将外部文件管理器路径指向主文件管理器文件夹。与plugin.min.js相同

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

在压缩文件中有一个文件管理器文件夹和一个tinymce文件夹

有关复制文件管理器文件夹的文档（最好是复制到您的根web文件夹）

但是没有提到tinymce文件夹中的插件文件夹

抄袭

从压缩下载到您的

tinymce/plugins

在您的Web服务器上

感谢您的快速响应。文件管理器文件夹已在ResponsiveFilemanagerMaster中的我的项目文件夹中。我把它拿出来粘贴到项目的根目录中，我仍然有同样的问题。尽管我在php项目中使用它，而不是在.NET中使用它，但我认为这种方法应该是类似的@C0pperBeardI最终放弃了响应文件管理器，似乎找不到解决方案。我最终找到了另一个文件管理器，并设法集成了它。感谢您的快速响应。文件管理器文件夹已在ResponsiveFilemanagerMaster中的我的项目文件夹中。我把它拿出来粘贴到项目的根目录中，我仍然有同样的问题。尽管我在php项目中使用它，而不是在.NET中使用它，但我认为这种方法应该是类似的@C0pperBeardI最终放弃了响应文件管理器，似乎找不到解决方案。我最终找到了另一个文件管理器，并设法集成了它。