首页 > 其他分享 >dedecms5.7整合教程

dedecms5.7整合教程

时间:2022-10-25 18:36:05浏览次数:77  
标签:控件 教程 1.1 dedecms5.7 示例 编辑 整合 php 上传

 版权所有 2009-2022 荆门泽优软件有限公司

保留所有权利

官方网站:荆门泽优软件有限公司官方网站

产品首页:Word一键粘贴控件-泽优软件

 

开发文档:http://www.ncmem.com/doc/view.aspx?id=29adc89a08ed489498160458cddfa51b

控件下载:Word一键粘贴控件-控件包-泽优软件

示例下载:Word一键粘贴控件-示例-泽优软件

联系信箱:[email protected]

联系QQ:1085617561


推荐使用插件包。 

CKEditor3编辑器插件包:dedecms v5.7-ckeditor3x插件包整合
UEditor编辑器插件包:dedecms 5.7-ueditor整合教程
本教程中提到的插件文件可在官网的php-ckeditor3x示例中找到。

示例:http://www.ncmem.com/download/WordPaster2/php/ckeditor3x.rar
 

主要步骤如下:

1.1.1. 上传WordPaster文件夹

编辑

 

1.1.2. 上传CKEditor3.x插件文件夹

本地路径:

编辑

远程路径:

编辑

 

1.1.3. 修改inc_fun_funAdmin.php文件,在工具栏中增加插件按钮

路径:/include/inc/inc_fun_funAdmin.php

编辑

 

1.1.4. 将粘贴按钮添加到ckeditor工具栏中

路径:/include/ckeditor/ckeditor.inc.php

编辑

 

1.1.5. 定制图片上传页面

说明:upload.php文件在WordPaster-php-ckeditor3.x示例中可以找到

编辑

修改的逻辑是将图片保存到/uploads/文件夹中,以便在添加文件时可以预览选择。

效果如下:

编辑

 

编辑

 

 

1.1.6. 在文章模板页中增加插件初始化代码

路径:/dede/templets/article_add.htm

编辑

包含头文件:

 

 

 

 

<!--WordPaster begin-->

<link type="text/css" rel="Stylesheet" href="../WordPaster/css/WordPaster.css"/>

<link type="text/css" rel="Stylesheet" href="../WordPaster/js/skygqbox.css" />

<script type="text/javascript" src="../WordPaster/js/json2.min.js" charset="utf-8"></script>

<script type="text/javascript" src="../WordPaster/js/skygqbox.js" charset="utf-8"></script>

<script type="text/javascript" src="../WordPaster/js/w.edge.js" charset="utf-8"></script>

<script type="text/javascript" src="../WordPaster/js/w.app.js" charset="utf-8"></script>

<script type="text/javascript" src="../WordPaster/js/w.file.js" charset="utf-8"></script>

<script type="text/javascript" src="../WordPaster/js/skygqbox.js" charset="utf-8"></script>

<script type="text/javascript" src="../WordPaster/js/WordPaster.js" charset="utf-8"></script>

<!--WordPaster end-->

JS代码:

<script language="javascript">

     var pasterMgr;

     $(function(e) {

        pasterMgr = new WordPasterManager();

        pasterMgr.Load();//加载控件

     });

      

     CKEDITOR.on( 'instanceReady', function(evt) {

          pasterMgr.SetEditor(evt.editor);

     });

     </script>

1.1.7. 修改上传地址

编辑


将上传接口改为对应地址

 

整合后的效果:

编辑


常见问题:

1.为什么整合到项目中图片无法上传?

可能原因:可能上传页面有登陆验证,上传时没有添加SESSION信息,导致上传失败。可在上传页面增加SESSION参数。

标签:控件,教程,1.1,dedecms5.7,示例,编辑,整合,php,上传
From: https://www.cnblogs.com/zyzzz/p/16825863.html

相关文章

  • dedecms 5.7-ueditor整合教程
    ​ 在线代码: https://gitee.com/xproer/wordpaster-dedecms-ueditor 说明:在安装插件包前,请先备份以上文件和目录。/include/inc/inc_fun_funAdmin.php/include/ue......
  • dedecms v5.7-ckeditor3x插件包整合
    ​ wordpaster-dedecms(织梦CMS)v5.7插件包发布 插件包是已经修改好的文件集合。您可以直接将插件包复制到您的网站中。注意:插件包会替换您的编辑器文件,如果您自已修......
  • Node.js安装详细步骤教程(Windows版)
    什么是Node.js?简单的说Node.js就是运行在服务端的JavaScript。Node.js是一个基于ChromeV8引擎的JavaScript运行环境;Node.js使用一个事件驱动、非阻塞式I/O的......
  • 火灾检测、人流量统计、安全帽检测,飞桨开源一键运行的产业案例教程
    随着以深度学习为代表的人工智能技术的成熟,国内众多行业都在基于人工智能技术推进行业变革与创新,积极探寻有效、有价值的应用场景进行商业化落地,其中尤以安防行业表现最为活......
  • GitBook使用教程
    GitBook使用教程1.环境安装1.1nodejs安装大家可根据自己的操作系统下载对应的版本,本教程仅介绍windows系统下的nodejs安装,其它系统类似。nodejs官方下载地址:https://no......
  • SpringCloud微服务实战——搭建企业级开发框架(四十六):【移动开发】整合uni-app搭建移动
      近年来uni-app发展势头迅猛,只要会vue.js,就可以开发一套代码,发布移动应用到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、......
  • Postman汉化教程
    步骤:1:下载中文包2:下载,安装指定版本Postman3:汉化包的解压配置调试一:下载中文包1:下载对应版本的app.zip(注释:可以下载app.zip的最新版本网址:h......
  • Cesium教程10-把影像和天空改成背景图片
    在使用Cesium引擎时,我们经常要使用大屏适配导致地球或者模型的黑色天空盒和大屏的样式不匹配造成场景不好看的情况,这样就可以用到我们修改Cesium的天空为纯色背景,与大屏更......
  • 传奇私服架设教程与准备工具
    首先开区要使用两个必备的软件:DBC2000、传奇引擎,当然也少不了传奇服务端(传奇服务端在论坛免费服务端和商业服务端中有下载)。先把下载好的服务端解压到D盘或者某个般的根目......
  • Entity Framework教程-测试(Unit Testing, Integration Testing, and Mocking)
    更新记录转载请注明出处:2022年10月25日发布。2022年10月22日从笔记迁移到博客。生成测试数据(seeddata)说明有几种方法可以创建模拟数据:使用FluentAPIOnModelC......