Настройка адаптивного файлового менеджера на TinyMCE
Я использую TinyMCE 4 в качестве редактора WYSIWYG, и я установил http://www.responsivefilemanager.com/.
Я пытался очень внимательно следовать инструкциям, но при предварительном просмотре страницы кнопка "Обзор" не появляется.
В настоящее время я работаю с localhost на моем компьютере, поэтому структура папок выглядит следующим образом:
htdocs> website> example (root), поэтому URL h h p://localhost/ sites/example
структура папок:
example
- css
- uploads
- source ( this is the upload folder )
- thumbs ( thumbnail folder )
- filemanager
-- config
--- config.php
- js
-- tinymce
--- plugins
---- responsivefilemanager
----- plugin.js , plugin.min.js
Конфиг выглядит так:
$url = ($_SERVER['HTTP_HOST'] == 'localhost') ? 'h**p://localhost/websites/example' : 'h**p://www.example.com' ;
$base_url = $url;
$upload_dir = '/source/';
$current_path = '../source/';
//thumbs folder can't put inside upload folder
$thumbs_base_path = '../thumbs/';
и это Javascript на моей странице, которая устанавливает TinyMCE
<script type="text/javascript">
tinymce.init({
selector: "textarea.tinymce",
entity_encoding : "raw",
// menubar: false,
subfolder:"content",
plugins: [
"link image media anchor responsivefilemanager",
"code"
],
// toolbar2: "| responsivefilemanager | link unlink anchor | image media | forecolor backcolor | print preview code ",
image_advtab: true,
// external_filemanager_path:"/filemanager/",
// filemanager_title:"Responsive Filemanager" ,
// external_plugins: { "filemanager" : "/responsivefilemanager/plugin.min.js"}
// toolbar: "undo redo | styleselect | bold italic underline |
// alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
});
</script>
1 ответ
Решение
Я обнаружил, что это была ошибка в config.php.
Решение:
$base_url = "http://".$_SERVER['HTTP_HOST']; // DON'T TOUCH (base url (only domain) of site (without final /)).
$upload_dir = '/websites/example/uploads/source/';
$current_path = '../uploads/source/';
$thumbs_base_path = '../uploads/thumbs/';
также инициируйте JavaScript следующим образом:
external_filemanager_path: "/websites/example/filemanager/",
filemanager_title: "Responsive Filemanager" ,
external_plugins: { "filemanager" : "/websites/example/filemanager/plugin.min.js"}