请选择 进入手机版 | 继续访问电脑版

荆门泽优软件有限公司论坛

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 4243|回复: 0

[整合] WordPaster-dedecms5.7整合教程

[复制链接]

347

主题

347

帖子

1665

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1665
发表于 2017-1-3 15:11:21 | 显示全部楼层 |阅读模式

本教程中提到的插件文件可在官网的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/WordPaster.js" charset="utf-8"></script>

<!--WordPaster end-->

JS代码:

<script language="javascript">

     var pasterMgr;

     $(document).ready(function(e) {

        pasterMgr = new WordPasterManager();

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

     });

      

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

          pasterMgr.SetEditor(evt.editor);

     });

     </script>

 

1.1.7. 修改上传地址

 

整合后的效果:

 

 

常见问题:

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

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

 

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|荆门泽优软件有限公司 ( 鄂ICP备15010533号-1

GMT+8, 2021-12-5 12:57 , Processed in 0.268272 second(s), 25 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表