我正在尝试创建自己的文件浏览器,以便我可以从我的文件管理中选择图像并将其发送到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