开发者社区> 嗯哼9925> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

调用discuz编辑器再也不是问题了

简介:
+关注继续查看

 前面讲了如何开发一个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、查找问题

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

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

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的处理。于是将调试语句去掉,果不其然,可以成功上传了。一阵欣喜若狂。

 

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

  3、解决问题的代码

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

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

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






本文转自秋楓博客园博客,原文链接:http://www.cnblogs.com/rwxwsblog/p/4658562.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
想要保护程序?加密狗太麻烦,试试这个吧(Unity3D)
在使用Unity进行软件开发的时候,会遇到实现程序的使用次数限制,以及使用的时间区间限制,说白就是保护程序的一种措施。我们用的方法是,新建注册表,增加键值对,修改键值,完成对程序的使用权限控制。当然还有更加安全的方法,包括获取硬盘编号,还有电子狗加密等等,这些就以后讨论。
0 0
Excel用户的福音:不用写代码就能开发一个带界面的程序!
2015年,微软内部一个项目悄悄开始开发,主要目的是解决「Excel用户」不想编程,重复劳动多,下班晚等问题。2021年,这个项目终于来了,让不会写代码的你也能驯化计算机!
0 0
开放下载!《15分钟打造你自己的小程序》(内附详细代码)
零基础开发你自己的支付宝小程序,教程在手不迷路,从入门到精通,还有详细代码在里面哦~
0 0
WordPress 5文章编辑真难用 换回老版经典编辑器教程
WordPress 5文章编辑真难用 换回老版经典编辑器教程 WordPress 5 正式采用了全新的“Block Editor”编辑器,从而替换了原有“Classic Editor”编辑器,相信有很多人和子凡一样会不习惯或者不喜欢新编辑器,那么新版 WordPress 该如何换回原来的 WordPress 编辑器呢? 不可否认 WordPress 还是非常人性化的,至少会考虑和兼顾更多的用户,不然子凡也不可能青睐 WordPress,所以及时 WordPress 5更换了全新的编辑器,但是也依旧给大家提供了快速便捷切换到原编辑器的插件:“Classic Editor”。
3875 0
小程序支持打开移动应用到底是怎么回事?
小程序支持打开移动应用到底是怎么回事?什么APP都可以打开么?
1716 0
WordPress前台后台出现一片空白的原因以及解决办法
WordPress前台后台出现空白的可能原因有以下:   这个问题,一般是在进行以下操作后出现的:   1.网站更换新主题2.网站安装或升级插件3.升级了Wordpress版本   其实问题的根源在于你的主题、插件和wordpress自身三者之间的不兼容,有的主题集成了很多强大的功能,可能与现在使用的插件冲突,而有的插件版本或主题不兼容你现在使用的Wordpress版本       下面是WordPress前台后台出现空白的解决办法:   方法一:通过FTP重新命名当前启用的主题:   把当前安装的主题文件夹重命名的话,会强制WordPress自动选择默认的主题,然后就可以正常载入了。
1047 0
调用discuz编辑器再也不是问题了
  前面讲了如何开发一个discuz的特殊主题插件,详情可在此查看discuz特殊主题插件开发步骤和犯的愚蠢错误。上一篇文章讲解的是一些简单的开发步骤,不涉及到具体的编码。网页编辑器之类的都是系统默认带过来的,因此也就没有太多的问题。
577 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
QQ移送页面框架优化实践
立即下载
QQ移动页面框架优化实践
立即下载
PHP安全开发_从白帽角度做安全
立即下载