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

标签 javascript tinymce tinymce-4

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

最佳答案

为了帮助其他可能遇到此问题的人,我应该指出,响应式文件管理器的文档未能分享一个重要步骤。

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

有关复制 filemanager 文件夹(最好复制到您的根 Web 文件夹)的文档。

但没有提及 tinymce 文件夹中的插件文件夹。

复制

tinymce/plugins/responsivefilemanager 

从压缩下载的文件夹到您的

tinymce/plugins

在您的网络服务器上。

请记住,responsivefilemanager 文件夹与主filemanager 文件夹不同。在tinyMCE的init中,您希望将external_filemanager_path指向主filemanager文件夹。与 plugin.min.js

相同

关于javascript - 无法将文件响应管理器与 TinyMCE 4 集成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21814648/

相关文章:

javascript - 每次刷新时都会显示启动画面

javascript - Expo Google 登录 DEVELOPER_ERROR

javascript - 从 Kendo Treeview 中读取选定节点的值?

TinyMCE 删除站点基本 URL

javascript - TinyMCE动态HTML值问题

javascript - TinyMCE 图像调整大小模式

javascript - Jquery 在 DOM 中插入和从 DOM 中删除

jquery - fancybox 2和tinymce jquery冲突

css - tinymce调整工具栏高度和按钮高度

wordpress - 在 WordPress 的 TinyMCE 上禁用 inline_styles