立即注册 找回密码

QQ登录

只需一步,快速开始

查看: 4033|回复: 0

[Discuz 通用教程] 调用discuz编辑器再也不是问题了

[复制链接]
发表于 2016-7-19 10:20:14 | 显示全部楼层 |阅读模式
道勤网-数据www.daoqin.net

亲注册登录道勤网-可以查看更多帖子内容哦!(包涵精彩图片、文字详情等)请您及时注册登录-www.daoqin.net

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 学习NO.1 于 2016-7-19 10:21 编辑

前面讲了如何开发一个discuz的特殊主题插件,详情可在此查看 discuz特殊主题插件开发步骤和犯的愚蠢错误 。上一篇文章讲解的是一些简单的开发步骤,不涉及到具体的编码。网页编辑器之类的都是系统默认带过来的,因此也就没有太多的问题。然而,这些天又折腾了一遍“个人设置”模块的开发。这些天百度和google了不知道多少遍,发现discuz的官方文档和二次开发资料少得可怜。调用个编辑器这样采用的功能官方文档居然没有,网友的分享多少也有些不完整;中途差点放弃。最后实在没办法兼不甘心,自己啃源码去。最后的最后,你们也知道了,问题解决了,也就有了这篇文章。解决个调用编辑框的问题居然耗费了我一整天,不可思议。好了,这里记录下如何调用discuz的编辑器吧,如有误,请指出。

环境:discuz! x2.5

1、模板文件添加内容

<!--{subtemplate home/editor_image_menu}-->
内容:<textarea class="userData" name="content" id="uchome-tthtmlEditor" style="height: 100%; width: 100%; display: none; border: 0px"></textarea>
<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>
<iframe id="uploadframe" name="uploadframe" width="0" height="0" marginwidth="0" frameborder="0" src="about:blank"></iframe>
<input id='submit_editsubmit' class='btn' type='submit' value='提交' name='editsubmit' onClick='validate(this);'>
<script type="text/javascript" src="static/image/editor/editor_function.js"></script>
<script type="text/JavaScript">
function validate(obj) {
edit_save();
window.onbeforeunload = null;
obj.form.submit();
return false;
}
</script>

然而这中间需要注意的是:
<!--{subtemplate home/editor_image_menu}-->
是用于调用图片上传功能的,少了的话图片上传功能也就用不了了。<script type="text/javascript" src="static/image/editor/editor_function.js"></script>  <script type="text/JavaScript">  function validate(obj) {    edit_save();    window.onbeforeunload = null;    obj.form.submit();    return false;  }</script>

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

2、查找问题

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

01.jpg


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

将$mod输出,发现时swfupload。






于是找来misc_swfupload.php文件。第一行的判断是这样的。

if((empty($_G['uid']) && $_GET['operation'] != 'upload') || $_POST['hash'] != md5(substr(md5($_G['config']['security']['authkey']), 8).$_G['uid'])) {    exit();} 于是将分别将$_POST['hash']和md5(substr(md5($_G['config']['security']['authkey']), 8).$_G['uid'])分别输出来,发现hash是空的,完全对不上。于是找出页面的hash,在页面“/template/default/home/editor_image_menu.htm”中找到了如下代码<script type="text/javascript">    var attachUpload = new SWFUpload({  // Backend Settings  upload_url: "{$_G[siteurl]}misc.php?mod=swfupload&action=swfupload&operation=<!--{if $_G['basescript'] == 'portal'}-->portal<!--{else}-->album<!--{/if}-->",  post_params: {"uid" : "$_G[uid]", "hash":"$swfconfig[hash]"<!--{if $_G['basescript'] == 'portal'}-->,"aid":$aid,"catid":$catid<!--{/if}-->},  // File Upload Settings  file_size_limit : "$swfconfig[max]",    // 100MB  <!--{if $_G['basescript'] == 'portal'}-->  file_types : "$swfconfig[attachexts][ext]",  file_types_description : "$swfconfig[attachexts][depict]",  <!--{else}-->  file_types : "$swfconfig[imageexts][ext]",  file_types_description : "$swfconfig[imageexts][depict]",  <!--{/if}-->  file_upload_limit : 0,  file_queue_limit : 0,  // Event Handler Settings (all my handlers are in the Handler.js file)  swfupload_preload_handler : preLoad,  swfupload_load_failed_handler : loadFailed,  file_dialog_start_handler : fileDialogStart,  file_queued_handler : fileQueued,  file_queue_error_handler : fileQueueError,  file_dialog_complete_handler : fileDialogComplete,  upload_start_handler : uploadStart,  upload_progress_handler : uploadProgress,  upload_error_handler : uploadError,  upload_success_handler : uploadSuccess,  upload_complete_handler : uploadComplete,  // Button Settings  button_image_url : "{IMGDIR}/uploadbutton.png",  button_placeholder_id : "spanButtonPlaceholder",  button_width: 100,  button_height: 25,  button_cursor:SWFUpload.CURSOR.HAND,  button_window_mode: "transparent",  custom_settings : {      progressTarget : "fsUploadProgress",      uploadSource: 'portal',      uploadType: 'attach',      imgBoxObj: $('attachlist')      //thumbnail_height: 400,      //thumbnail_width: 400,      //thumbnail_quality: 100  },  // Debug Settings  debug: false    });</script>hash是由 $swfconfig[hash]进行赋值的。于是又搜索了一遍源码,发现了这么两句。require_once libfile('function/upload');$swfconfig = getuploadconfig($_G['uid'], 0, true);二话不说,复制过来测试。试了一下,尼玛的还是不行。于是找呀找呀找,发现是前面调试时的输出影响了ajax的处理。于是将调试语句去掉,果不其然,可以成功上传了。一阵欣喜若狂。
02.jpg


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

3、解决问题的代码


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

两行代码,耗费了一整天,我也是醉了。

最后想说的是,在开发资料不完整或者急缺的情况下;查看源码也许是解决问题的最快捷的方式。


















道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户,那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信:q792472177免费电话、后台提交工单这些方式联系道勤主机客服! 如果您不是我们的客户也没问题,点击页面最右边的企业QQ在线咨询图标联系我们并购买后,我们为您免费进行无缝搬家服务,让您享受网站零访问延迟的迁移到道勤主机的服务!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

道勤网- 推荐内容!上一条 /2 下一条

!jz_fbzt! !jz_sgzt! !jz_xgzt! 快速回复 !jz_fhlb! !jz_lxwm! !jz_gfqqq!

关于我们|手机版|小黑屋|地图|【道勤网】-www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程【道勤网】 ( 皖ICP备15000319号-1 )

GMT+8, 2024-11-10 13:34

Powered by DaoQin! X3.4 © 2016-2063 Dao Qin & 道勤科技

快速回复 返回顶部 返回列表