Так что я использую tinymce4 с RoxyFileBrowser в PHP-фреймворке laravel с этой конфигурацией
{{ HTML::script('js/tinymce/tinymce.min.js') }}
<script type="text/javascript">
tinymce.init({
selector: "textarea",
theme: "modern",
skin: 'light',
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor colorpicker textpattern"],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
toolbar2: "print preview media | forecolor backcolor emoticons | fontselect fontsizeselect",
image_advtab: true,
templates: [
{title: 'Test template 1', content: 'Test 1'},
{title: 'Test template 2', content: 'Test 2'}
],
file_browser_callback: RoxyFileBrowser
});
function RoxyFileBrowser(field_name, url, type, win) {
var roxyFileman = '{{ asset('js/tinymce/plugins/fileman/index.html?integration=tinymce4') }}';
if (roxyFileman.indexOf("?") < 0) {
roxyFileman += "?type=" + type;
}
else {
roxyFileman += "&type=" + type;
}
roxyFileman += '&input=' + field_name + '&value=' + document.getElementById(field_name).value;
tinyMCE.activeEditor.windowManager.open({
file: roxyFileman,
title: 'File Manager',
width: 800,
height: 480,
resizable: "yes",
plugins: "media",
inline: "yes",
close_previous: "no"}, { window: win, input: field_name });
return false;
}
</script>
и есть некоторая странная проблема с использованием файлового менеджера для размещения изображений, в tinymce4 вы нажимаете кнопку вставки изображения и затем нажимаете папку со значком лупы рядом с исходным текстовым полем, чтобы вызвать roxyfilebrowser, а затем выбираете изображения, и он возвращает путь к исходному текстовому полю
Отсюда странные вещи, например, в моем исходном текстовом поле путь к изображению
/js/tinymce/plugins/fileman/Uploads/Images/20121008_102000.jpg
но когда я нажимаю кнопку oke, изображение появляется в редакторе tinymce, но когда я пытался сохранить его и посмотреть в своей базе данных, оно сохранилось, чтобы быть таким
<img src="../../js/tinymce/plugins/fileman/Uploads/Images/20121008_102000.jpg" alt="" width="448" height="336" />
перед изображением есть дополнительный src
../../
так как это исправить? так что он появится в моей базе данных, чтобы быть
<img src="/js/tinymce/plugins/fileman/Uploads/Images/20121008_102000.jpg" alt="" width="448" height="336" />
Задача ещё не решена.
Других решений пока нет …