Discuz!x3.2 插件调用编辑器解决方案之一

1、模板文件添加内容

1. 
   
2. <!--{subtemplate home/editor_image_menu}-->
   
3. 内容：<textarea class="userData" name="content" id="uchome-ttHtmlEditor" style="height: 100%; width: 100%; display: none; border: 0px"></textarea>
   
4. <iframe src='home.php?mod=editor&charset={CHARSET}&allowhtml=1&isportal=1' name='uchome-ifrHtmlEditor' id='uchome-ifrHtmlEditor'  scrolling='no' style='width:85%;height:400px;border:1px solid #C5C5C5;position:relative;' border=0 frameborder=0 ></iframe>
   
5. <iframe id="uploadframe" name="uploadframe" width="0" height="0" marginwidth="0" frameborder="0" src="about:blank"></iframe>
   
6. <input id='submit_editsubmit' class='btn' type='submit' value='提交'  name='editsubmit' onClick='validate(this);'>
   
7. <script type="text/javascript" src="static/image/editor/editor_function.js"></script>  
   
8. <script type="text/JavaScript">  
   
9. function validate(obj) {  
   
10.     edit_save();  
    
11.     window.onbeforeunload = null;  
    
12.     obj.form.submit();  
    
13.     return false;  
    
14. }
    
15. </script>  
    
16. 
    

复制代码

　　然而这中间需要注意的是：

1. 
   
2. <!--{subtemplate home/editor_image_menu}-->
   

复制代码

　　是用于调用图片上传功能的，少了的话图片上传功能也就用不了了。

1. 
   
2. <script type="text/javascript" src="static/image/editor/editor_function.js"></script>  
   
3. <script type="text/JavaScript">  
   
4. function validate(obj) {  
   
5.     edit_save();  
   
6.     window.onbeforeunload = null;  
   
7.     obj.form.submit();  
   
8.     return false;  
   
9. }
   
10. </script>
    

复制代码

　　这段js是编辑框传值和校验用，少了也就没法传值了。很多资料到这一步也就完了，此时图片上传功能却无法使用。百度和google了不知道多少遍也没有找到，资料少得可怜。但是少了图片上传功能，这个编辑器也就不完整了；再者编辑框大部分情况下都是需要上传图片的。因此，不得不查看源码，一步步调试了。

　　2、查找问题

　　上传图片的时候，出现以下的现象，然后就毫无反应了。

　　于是找来misc.php查看源码。最后一句是这样的

1. 
   
2. require DISCUZ_ROOT.'./source/module/misc/misc_'.$mod.'.php';
   

复制代码

　　将$mod输出，发现时swfupload。于是找来misc_swfupload.php文件。第一行的判断是这样的。

1. 
   
2. if((empty($_G['uid']) && $_GET['operation'] != 'upload') || $_POST['hash'] != md5(substr(md5($_G['config']['security']['authkey']), 8).$_G['uid'])) {
   
3.     exit();
   
4. }
   

复制代码

　　于是将分别将$_POST['hash']和md5(substr(md5($_G['config']['security']['authkey']), 8).$_G['uid'])分别输出来，发现hash是空的，完全对不上。于是找出页面的hash，在页面“/template/default/home/editor_image_menu.htm”中找到了如下代码

1. 
   
2. 
   
3. <script type="text/javascript">
   
4.     var attachUpload = new SWFUpload({
   
5.         // Backend Settings
   
6.         upload_url: "{$_G[siteurl]}misc.php?mod=swfupload&action=swfupload&operation=<!--{if $_G['basescript'] == 'portal'}-->portal<!--{else}-->album<!--{/if}-->",
   
7.         post_params: {"uid" : "$_G[uid]", "hash":"$swfconfig[hash]"<!--{if $_G['basescript'] == 'portal'}-->,"aid":$aid,"catid":$catid<!--{/if}-->},
   
8. 
   
9.         // File Upload Settings
   
10.         file_size_limit : "$swfconfig[max]",    // 100MB
    
11.         <!--{if $_G['basescript'] == 'portal'}-->
    
12.         file_types : "$swfconfig[attachexts][ext]",
    
13.         file_types_description : "$swfconfig[attachexts][depict]",
    
14.         <!--{else}-->
    
15.         file_types : "$swfconfig[imageexts][ext]",
    
16.         file_types_description : "$swfconfig[imageexts][depict]",
    
17.         <!--{/if}-->
    
18.         file_upload_limit : 0,
    
19.         file_queue_limit : 0,
    
20. 
    
21.         // Event Handler Settings (all my handlers are in the Handler.js file)
    
22.         swfupload_preload_handler : preLoad,
    
23.         swfupload_load_failed_handler : loadFailed,
    
24.         file_dialog_start_handler : fileDialogStart,
    
25.         file_queued_handler : fileQueued,
    
26.         file_queue_error_handler : fileQueueError,
    
27.         file_dialog_complete_handler : fileDialogComplete,
    
28.         upload_start_handler : uploadStart,
    
29.         upload_progress_handler : uploadProgress,
    
30.         upload_error_handler : uploadError,
    
31.         upload_success_handler : uploadSuccess,
    
32.         upload_complete_handler : uploadComplete,
    
33. 
    
34.         // Button Settings
    
35.         button_image_url : "{IMGDIR}/uploadbutton.png",
    
36.         button_placeholder_id : "spanButtonPlaceholder",
    
37.         button_width: 100,
    
38.         button_height: 25,
    
39.         button_cursor:SWFUpload.CURSOR.HAND,
    
40.         button_window_mode: "transparent",
    
41. 
    
42.         custom_settings : {
    
43.             progressTarget : "fsUploadProgress",
    
44.             uploadSource: 'portal',
    
45.             uploadType: 'attach',
    
46.             imgBoxObj: $('attachlist')
    
47.             //thumbnail_height: 400,
    
48.             //thumbnail_width: 400,
    
49.             //thumbnail_quality: 100
    
50.         },
    
51. 
    
52.         // Debug Settings
    
53.         debug: false
    
54.     });
    
55. 
    
56. </script>
    
57. 
    

复制代码

　　hash是由$swfconfig[hash]进行赋值的。于是又搜索了一遍源码，发现了这么两句。

1. 
   
2. require_once libfile('function/upload');
   
3. $swfconfig = getuploadconfig($_G['uid'], 0, true);
   

复制代码

　　二话不说，复制过来测试。试了一下，尼玛的还是不行。于是找呀找呀找，发现是前面调试时的输出影响了ajax的处理。于是将调试语句去掉，果不其然，可以成功上传了。一阵欣喜若狂。



　　对于无法加载相册之类的，一律如法炮制。最后，其实是php代码初始化时添加如下代码即可。

　　3、解决问题的代码

1. 
   
2. require_once libfile('function/upload');
   
3. $swfconfig = getuploadconfig($_G['uid'], 0, true);//编辑框上传图片初始化
   
4. require_once libfile('function/spacecp');
   
5. $albums = getalbums($_G['uid']);//获取登陆用户相册
   

复制代码