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