您现在的位置是:首页 > cms教程 > Discuz教程Discuz教程
调用discuz编辑器的步骤方法
盼曼2025-06-28Discuz教程已有人查阅
导读前面讲了如何开发一个discuz的特殊主题插件,详情可在此查看discuz特殊主题插件开发步骤和犯的愚蠢错误。上一篇文章讲解的是一些简单的开发步骤,不涉及到具体的编码。
前面讲了如何开发一个discuz的特殊主题插件,详情可在此查看discuz特殊主题插件开发步骤和犯的愚蠢错误。上一篇文章讲解的是一些简单的开发步骤,不涉及到具体的编码。网页编辑器之类的都是系统默认带过来的,因此也就没有太多的问题。然而,这些天又折腾了一遍“个人设置”模块的开发。这些天百度和google了不知道多少遍,发现discuz的官方文档和二次开发资料少得可怜。调用个编辑器这样采用的功能官方文档居然没有,网友的分享多少也有些不完整;中途差点放弃。之后实在没办法兼不甘心,自己啃源码去。
环境:discuz! x2.5
1、模板文件添加内容
2、查找问题
上传图片的时候,出现以下的现象,然后就毫无反应了。
于是找来misc.php查看源码。之后一句是这样的
对于无法加载相册之类的,一律如法炮制。之后,其实是php代码初始化时添加如下代码即可。
3、解决问题的代码
环境:discuz! x2.5
1、模板文件添加内容
<!--{subtemplate home/editor_image_menu}-->
内容:
<textarea class="userData" name="content" id="uchome-ttHtmlEditor" style></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']);//获取登陆用户相册
本文标签:
很赞哦! ()
图文教程
php使用curl模拟登录discuz以及模拟发帖的实现方法
//取到了关键的cookie文件就可以带着cookie文件去模拟发帖,fid为论坛的栏目ID
从PHP的模板引擎看Discuz模板机制
此文转自第七期,看看人家写的东西。鉴于对PHP的熟悉度及以后的维护,最近想把那个ASP的分类信息网改一下,前台基本改版 完毕,使用了fleaPHP提供的架构(对比了
Discuz! X3数据字典检索查询
pre_common_admincp_cmenu 后台菜单收藏表pre_common_admincp_member 后台管理成员pre_common_admincp_perm 后台权限表pre_common_admincp_session 后台session表
Discuz用户头像上传异常的原因及解决方法
最近有不少朋友问我关于Discuz用户头像上传异常的问题,这确实是个让人头疼的痛点。在处理Discuz用户头像上传异常时,首先要搞清楚问题出在哪里。
相关源码
-
(自适应)蓝色建材亚克力板材装饰材料pbootcms网站模板这款基于PbootCMS开发的响应式模板为建材板材行业优化设计,适用于亚克力板材、建筑装饰材料等企业展示需求。采用HTML5技术实现手机/PC跨终端适配,管理员通过统一后台即可同步查看源码 -
(自适应)绿色宠物门诊兽医行业网站模板该绿色清爽风格网站模板专为宠物门诊与兽医诊所设计,基于PbootCMS内核开发,采用响应式布局确保手机、PC等多端体验一致,帮助宠物医疗机构高效构建线上服务平台。查看源码 -
(自适应响应式)教育培训机构集团网站pbootcms源码下载本模板基于PbootCMS系统开发,为教育培训机构设计,特别适合展示课程体系、师资团队和教学成果。采用响应式技术,确保在各类设备上都能提供良好的浏览体验。查看源码 -
(PC+WAP)蓝色钢材加工建筑装修施工材料网站模板下载为钢材加工企业设计的PbootCMS响应式模板,采用PC+WAP双端适配技术,数据实时同步。简洁大气的蓝色工业风格设计,突出钢材加工行业特性,其他制造业用户更换图文内容即可快速应用。查看源码 -
(自适应)挖掘机大型采矿设备pbootcms网站源码下载本模板基于PbootCMS系统开发,专为重型机械设备行业设计,特别适合挖掘机、采矿设备、工程机械等工业设备展示。采用响应式布局技术,确保各类设备参数和图片在不同终端上都能清晰展示。查看源码 -
(自适应)包装机贴标机设备网站源码免费下载基于PbootCMS内核开发的响应式企业模板,为包装机械、贴标设备等工业领域打造,通过数字化展示提升企业专业形象。查看源码
| 分享笔记 (共有 篇笔记) |
