我试图将响应式文件管理器集成到我的 tinymce 中,并最终使其大部分工作,除了您可以在 tinymce 的插入/编辑图像中放置响应式文件管理器的部分。响应式文件管理器按钮完美显示在我的 tinymce 工具栏中,但不在下图中
上图是我单击 tinymce 插入/编辑图像时显示的内容。
我想要发生的是它在源文本框旁边有一个响应式文件管理器按钮,就像可以在这里找到的一样
http://www.responsivefilemanager.com/demo.php
下面是我的代码
脚本
var base = $("#base").val(); //base value is equal to <?php echo base_url();?>
tinymce.init({
selector: "textarea.mce",
theme: "modern",
image_advtab: true,
relative_urls:false,
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 | blockquote | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image advimage media responsivefilemanager",
external_filemanager_path:base+"adminlibraries/js/ResponsiveFilemanager-master/filemanager/",
filemanager_title:"Responsive Filemanager" ,
external_plugins: { "filemanager" : ""+base+"/adminlibraries/js/ResponsiveFilemanager-master/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: 'Table styles'},
{title: 'Table row 1', selector: 'tr', classes: 'tablerow1'},
{title: 'Image Left', selector: 'img', styles: {
'float' : 'left',
'margin': '0 10px 0 10px'
}},
{title: 'Image Right', selector: 'img', styles: {
'float' : 'right',
'margin': '0 10px 0 10px'
}},
],
});
我错过了什么吗?
谢谢