• Email us : 236311441[a]163.com
  • Call us : 0530-5020390
域名和服务器
菏泽善云网络科技有限公司
  • 网站首页
  • 公司简介
    • 发展历程
    • 联系我们
  • 服务中心
    • 行业平台定制
    • 网络办公系统
    • 高端企业网站
  • 新闻中心
    • 公司动态
    • 行业新闻
  • 人才招聘
  • 联系我们

公司动态

  • 首页>文章中心>公司动态>DouPHP如何在商品和文章页面添加多个编辑器,并解决上传图片的问题

DouPHP如何在商品和文章页面添加多个编辑器,并解决上传图片的问题

2019-12-22 994

官方默认的开发方式无法支持在一个页面中使用多个TinyMCE编辑器,

单独修改js文件虽然可以使用多个编辑器,但上传图片会出现问题,

下面这是我们的解决办法,

顺带解决官方外置上传图片插件:
/admin/template/product.html,表单
<dl>
<dt valign="top">{$lang.article_content}</dt>
<dd>
<!-- TinyMCE -->
<script type="text/javascript">init_editer('secontent', '{$cur}', '{$article.id}')</script>
<textarea id="secontent" name="secontent" rows="20">{$article.secontent}</textarea>
<!-- /TinyMCE -->
</dd>
</dl>


/admin/include/tinymce/init.js,添加函数:
function init_editer(selecter = 'content', module, item_id = ''){
console.log(item_id);
tinymce.init({
selector:'textarea#' + selecter,
language:'zh_CN',
width:'800px',
height:'360px',
menubar:false,
skin:'simple',
theme:'simple',
convert_urls :false,
automatic_uploads: false,
images_upload_url: 'file.php?rec=mce&module=' + module + '&item_id=' + item_id + '&type=' + selecter,
plugins: [
'autolink lists link charmap textcolor',
'code hr pagebreak map textpattern image imagetools',
'media table help wordcount fullscreen image'
],
toolbar: 'fontsizeselect bold italic strikethrough forecolor backcolor alignleft aligncenter alignright alignjustify outdent indent numlist bullist code | link unlink image media map charmap table hr removeformat undo redo help fullscreen'
});
}

/admin/file.php,添加文件上传的代码就可以了

elseif ($rec == 'mce') {
    reset($_FILES);

    // 验证并获取合法的REQUEST

    $item_id = $check->is_number($_REQUEST['item_id']) ? $_REQUEST['item_id'] : '';

    $type = $check->is_letter($_REQUEST['type']) ? $_REQUEST['type'] : '';

    $img_width = $check->is_number($_REQUEST['img_width']) ? $_REQUEST['img_width'] : $_CFG['img_width'];

 

    // 文件上传盒子

    $custom_filename = $item_id . '_' . $type . '_' . $dou->create_rand_string('number', 6, time());

    $image = $file->box($module, $item_id, 'file', $type, $custom_filename, '', '', $img_width, $_CFG['watermark']);

 

    $file_url = $dou->dou_file($image);

    $html = array('location' => $file_url);

echo json_encode($html);
}

搜索
文章分类
  • 公司动态
  • 行业新闻
  • 成功案例
  • 作品展示
  • 客户评价
  • 售后服务
最热推荐
  • 菏泽挤塑板厂_山东菏泽超威保温挤塑板厂
    菏泽挤塑板厂_山东菏泽超威保温挤塑板厂
    2018-04-15
  • 鲁西南花卉市场
    鲁西南花卉市场
    2017-10-10
  • 丰达特种养殖
    丰达特种养殖
    2017-10-10
  • 鑫盾涂料
    鑫盾涂料
    2017-10-10
  • 菏泽亮点改灯
    菏泽亮点改灯
    2017-10-10
  • 菏泽市牡丹区阳康堂生物科技有限公司
    菏泽市牡丹区阳康堂生物科技有限公司
    2017-10-10
热门文章
  • 汽车贴膜门店,车衣改色门店,隐形车衣,汽车门店官网,汽车质保查询索耐泰克山由常宝
  • 文章/产品分类如何增加代表图/缩略图
  • DouPHP如何在商品和文章页面添加多个编辑器,并解决上传图片的问题
  • 如何添加自定义字段
  • 如何建立一个新的DouPHP模板
  • 图片无法上传或者缩略图无法生成
公司简介
  • 营销网络
  • 企业荣誉
  • 人才招聘
  • 联系我们
服务中心
  • 高端企业网站
  • 行业平台定制
  • 网络办公系统
公司动态
  • 公司动态
  • 行业新闻
  • 成功案例
  • 客户评价
联系我们
  • 地址 :菏泽市牡丹区长城路777号
  • 电话 :156-6691-6338
  • 电话 :0530-5020390
  • 邮箱 :236311441[a]163.com

Copyright © 2019 . x-Website All rights reserved . 菏泽善云网络科技有限公司