织梦网站自定义模型及商品模型里的CKeditor编辑器不支持多图上传发布功能截图:
织梦默认编辑器不支持多图发布功能解决方法
1、打开 /dede/templets/archives_add.htm 找到
js/main.js
在它下面一行加入
<script type="text/javascript"src="js/handlers.js"></script><script type="text/javascript" src="../images/swfupload/swfupload.js"></script><script language="javascript" src="../include/js/jquery/jquery.js"></script><script language="javascript" src="../include/js/jquery/ui.core.js"></script><script language="javascript" src="../include/js/jquery/ui.draggable.js"></script><script src='js/tb-box.js'></script><script language="javascript"><!--var swfu = null;var arctype = 'article';window.onload = function (){swfu = new SWFUpload({// Backend Settingsupload_url: "swfupload.php",post_params: {"PHPSESSID": "<?php echo session_id(); ?>", "dopost" : "", "arctype" : arctype},// File Upload Settingsfile_size_limit : "2 MB",// 2MBfile_types : "*.jpg; *.gif; *.png",file_types_description : "选择 JPEG/GIF/PNG 格式图片",file_upload_limit : "0",file_queue_error_handler : fileQueueError,file_dialog_complete_handler : fileDialogComplete,upload_progress_handler : uploadProgress,upload_error_handler : uploadError,upload_success_handler : uploadSuccess,upload_complete_handler : uploadComplete,button_image_url : "../images/SmallSpyGlassWithTransperancy_17x18.png",button_placeholder_id : "spanButtonPlaceholder",button_width: '100%',button_height: 26,button_text : '<div style="background-color:#E5F1CF; height:26px; text-align:center; line-height:26px">上传图片(可多选)</div>',button_text_style : '',button_text_top_padding: 0,button_text_left_padding: 10,button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT,button_cursor: SWFUpload.CURSOR.HAND,// Flash Settingsflash_url : "../images/swfupload/swfupload.swf",custom_settings : {upload_target : "divFileProgressContainer"},// Debug Settingsdebug: false});};function addtoEdit(pid){jQuery.get('swfupload.php?dopost=addtoedit&id=' + pid, function(data){var picTitle = jQuery('input[name="picinfook'+pid+'"]').val();var picHTML = '<img src="'+data+'" alt="'+picTitle+'"/>';CKEDITOR.instances.body.insertHtml(picHTML);});}//删除已经上传的图片 织梦武林网 function delAlbPic(pid){// 同步删除编辑器中插入的图片jQuery("#__tmpbody").html();jQuery.get('swfupload.php?dopost=addtoedit&id=' + pid, function(data){var iptbody = CKEDITOR.instances.body.getData();jQuery("#__tmpbody").html(iptbody);jQuery("#__tmpbody").find('img').each(function(){if(jQuery(this).attr('src') == data){//alert(data);jQuery(this).remove();}});CKEDITOR.instances.body.setData(jQuery("#__tmpbody").html()); jQuery("#__tmpbody").html();var tgobj = $Obj('albCtok'+pid);var myajax = new DedeAjax(tgobj);myajax.SendGet2('swfupload.php?dopost=del&id='+pid);$Obj('thumbnails').removeChild(tgobj);});}//删除已经上传的图片(编辑时用)function delAlbPicOld(picfile, pid){var tgobj = $Obj('albold'+pid);var myajax = new DedeAjax(tgobj);myajax.SendGet2('swfupload.php?dopost=delold&picfile='+picfile);$Obj('thumbnailsEdit').removeChild(tgobj);}--></script> |
继续找到
<td><?php PrintAutoFieldsAdd($cInfos['fieldset']); ?></td>
在它下面一行加入
<td width="255" valign="top" bgcolor="#FFFFCC" id="mPic" style="display:none"><div><div style="display: block;background-color:#E5F1CF; height:26px"><span id="spanButtonPlaceholder"></span></div><div id="divFileProgressContainer"></div><div id="thumbnails" style="width: 254px; height: 535px; background-color: rgb(255, 255, 255); overflow-y: scroll;"></div></div></td> |
如图
2、打开 /dede/templets/archives_edit.htm 找到
js/main.js
在它下面一行加入
<script type="text/javascript"src="js/handlers.js"></script><script type="text/javascript" src="../images/swfupload/swfupload.js"></script><script language="javascript" src="../include/js/jquery/jquery.js"></script><script language="javascript" src="../include/js/jquery/ui.core.js"></script><script language="javascript" src="../include/js/jquery/ui.draggable.js"></script><script language='javascript' src='js/tb-box.js'></script><script language="javascript"><!--var swfu = null;var arctype = 'article';window.onload = function (){swfu = new SWFUpload({// Backend Settingsupload_url: "swfupload.php",post_params: {"PHPSESSID": "<?php echo session_id(); ?>", "dopost" : "", "arctype" : arctype,"arcid":<?php echo $arcRow['id']?>},// File Upload Settingsfile_size_limit : "2 MB",// 2MBfile_types : "*.jpg; *.gif; *.png",file_types_description : "选择 JPEG/GIF/PNG 格式图片",file_upload_limit : "0",file_queue_error_handler : fileQueueError,file_dialog_complete_handler : fileDialogComplete,upload_progress_handler : uploadProgress,upload_error_handler : uploadError,upload_success_handler : uploadSuccess,upload_complete_handler : uploadComplete,button_image_url : "../images/SmallSpyGlassWithTransperancy_17x18.png",button_placeholder_id : "spanButtonPlaceholder",button_width: '100%',button_height: 26,button_text : '<div style="background-color:#E5F1CF; height:26px; text-align:center; line-height:26px">上传图片(可多选)</div>',button_text_style : '',button_text_top_padding: 0,button_text_left_padding: 10,button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT,button_cursor: SWFUpload.CURSOR.HAND,// Flash Settingsflash_url : "../images/swfupload/swfupload.swf",custom_settings : {upload_target : "divFileProgressContainer"},// Debug Settingsdebug: false});};function addtoEditOld(picurl,pid){var picTitle = jQuery('input[name="picinfook'+pid+'"]').val();var picHTML = '<img src="'+picurl+'" alt="'+picTitle+'"/>';CKEDITOR.instances.body.insertHtml(picHTML);}//删除已经上传的图片function delAlbPic(pid){// 同步删除编辑器中插入的图片jQuery("#__tmpbody").html();jQuery.get('swfupload.php?dopost=addtoedit&id=' + pid, function(data){var iptbody = CKEDITOR.instances.body.getData();jQuery("#__tmpbody").html(iptbody);jQuery("#__tmpbody").find('img').each(function(){if(jQuery(this).attr('src') == data){//alert(data);jQuery(this).remove();}});CKEDITOR.instances.body.setData(jQuery("#__tmpbody").html()); jQuery("#__tmpbody").html();var tgobj = $Obj('albCtok'+pid);var myajax = new DedeAjax(tgobj);myajax.SendGet2('swfupload.php?dopost=del&id='+pid);$Obj('thumbnails').removeChild(tgobj);});}function addtoEdit(pid){jQuery.get('swfupload.php?dopost=addtoedit&id=' + pid, function(data){var picTitle = jQuery('input[name="picinfook'+pid+'"]').val();var picHTML = '<img src="'+data+'" alt="'+picTitle+'"/>';CKEDITOR.instances.body.insertHtml(picHTML);});}//删除已经上传的图片(编辑时用)function delAlbPicOld(picfile, pid){var iptbody = CKEDITOR.instances.body.getData();jQuery("#__tmpbody").html(iptbody);jQuery("#__tmpbody").find('img').each(function(){if(jQuery(this).attr('src') == picfile){//alert(data);jQuery(this).remove();}});CKEDITOR.instances.body.setData(jQuery("#__tmpbody").html()); jQuery("#__tmpbody").html();var tgobj = $Obj('albold'+pid);var myajax = new DedeAjax(tgobj);myajax.SendGet2('swfupload.php?dopost=delold&picfile='+picfile);$Obj('thumbnailsEdit').removeChild(tgobj);}--></script> |
继续找到
<td> <?php PrintAutoFieldsEdit($cInfos['fieldset'],$addRow); ?> </td>
在它下面一行加入
<td <div><div style="display: block;background-color:#E5F1CF; height:26px"> <span id="spanButtonPlaceholder"></span> </div><div id="divFileProgressContainer"></div><div id="thumbnailsEdit" style="width: 254px; height: 535px; background-color: rgb(255, 255, 255); overflow-y: scroll;"><?php//var_dump("SELECT * FROM `dede_uploads` WHERE arcid = {$addRow['aid']}");$dsql->SetQuery("SELECT * FROM `dede_uploads` WHERE arcid = {$addRow['aid']}");$dsql->Execute();while($trow = $dsql->GetArray()){?><div id="albold<?php echo $trow['aid'];?>"><img width="120" onclick="addtoEditOld('<?php echo $trow['url'];?>',<?php echo $trow['aid'];?>)" src="<?php echo $trow['url'];?>" style="cursor:pointer"><a href="javascript:delAlbPicOld('<?php echo $trow['url'];?>', <?php echo $trow['aid'];?>)">[删除]</a><div style="margin-top:10px">注释:<input type="text" style="width:100px;" value="<?php echo $trow['title'];?>" name="picinfook<?php echo $trow['aid'];?>"></div></div><?php}?><div id="thumbnails"></div></div></div></td> |
完成
新闻热点
疑难解答