我正在尝试创建自己的文件浏览器,以便我可以从我的文件管理中选择图像并将其发送到tinymce的图像链接字段,但我无法在其他任何地方找到有关如何实现此目的的更多信息.
这是在插入/编辑图像上打开新弹出窗口的代码,
file_browser_callback: function(field_name,url,type,win) {
//tinymce.activeEditor.windowManager.close();
//console.log(field_name);
tinymce.activeEditor.windowManager.open({
title: 'Browse Image',file: "yourbrowser.PHP?field=" + field_name + "&url=" + url,width: 450,height: 305,resizable : "no",inline : "yes",close_prevIoUs : "no",buttons: [{
text: 'Insert',classes: 'widget btn primary first abs-layout-item',disabled: true,onclick: 'close'
},{
text: 'Close',onclick: 'close',window : win,input : field_name
}]
});
return false;
},
这就是我卡住的地方 – 如何从文件管理器中选择图像并将其发送到插入/编辑图像弹出窗口中的图像链接？
下面是我到目前为止的整个代码,
$(document).ready(function(){
$('.button').click(function(){
// @reference: http://www.tinymce.com/wiki.PHP/api4:method.tinymce.remove#
if(tinyMCE.editors.length > 0) {
// Remove all editors bound to textareas
//tinymce.remove('textarea');
// Remove all editors
tinymce.remove();
}
$('.content').load('full.html',function() {
if(tinyMCE.editors.length == 0) {
tinymce.init({
//selector: "textarea",mode : "textareas",editor_selector : "mce-customised",editor_deselector : "not-editor",theme: "modern",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"
],toolbar1: "insertfile undo redo | styleselect | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",toolbar2: "print preview media | forecolor backcolor emoticons",image_advtab: true,file_browser_callback: function(field_name,win) {
//tinymce.activeEditor.windowManager.close();
//console.log(field_name);
tinymce.activeEditor.windowManager.open({
title: 'Browse Image',buttons: [{
text: 'Insert',onclick: 'close'
},{
text: 'Close',input : field_name
}]
});
return false;
},// Specifying an Absolute Image Path
document_base_url : "http://localhost/test/2013/js/tinymce/tinymce_4.0.2/",relative_urls : false,remove_script_host : false,image_list: "image_list.PHP",link_list: "link_list.PHP"
});
$('.button-submit').submit_form();
}
});
return false;
});
});
解决方法
也许你应该在这里找到有用的信息：
Configuration:file_browser_callback
win.document.getElementById(field_name).value = 'my browser value';
在这里：tinymce forum
