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

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

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

[整合] wordpaster-动易SiteFactory 4.7整合教程

[复制链接]

347

主题

347

帖子

1665

积分

管理员

Rank: 9Rank: 9Rank: 9

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

WordPaster-CKEditor3.x示例

 

1.WordPaster文件夹上传到服务器中

 

2.ckeditor\plugins\excelpaster上传到Editor\plugins\

3.ckeditor\plugins\imagepaster上传到Editor\plugins\

4.修改config.js文件,增加插件代码。

 

新增如下代码:

/*

Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.

For licensing, see LICENSE.html or http://ckeditor.com/license

*/

 

CKEDITOR.editorConfig = function(config) {

     // Define changes to default configuration here. For example:

     // config.language = 'fr';

     // config.uiColor = '#AADC6E';

     config.extraPlugins = 'imagepaster,excelpaster'; //扩展插件-WordPaster

};

 

5.ContentFull工具栏增加WordPaster插件图标

增加下图中红框中的代码。(说明:建议在ckeditor.js中搜索所有PasteFromWord按钮,然后在其右侧增加'imagepaster'粘贴按钮)

 

6.修改demo中的upload.aspx代码,将upload文件夹改为UploadFiles,这样做是与SiteFactory兼容。

重新编译upload.aspx,并将bin文件夹的CKEditor353.dll上传到服务器的bin文件夹中

 

7.demo中的upload.aspx文件上传到服务器根目录。

6.修改Content.aspx文件,增加插件代码。

 

示例代码:

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

     <link type="text/css" rel="stylesheet" href="/WordPaster/css/ui-lightness/jquery-ui-1.8.11.custom.css" />

     <script type="text/javascript" src="/WordPaster/js/jquery-ui-1.8.11.custom.min.js"></script>

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

    <script language="JavaScript" type="text/JavaScript">

    //WordPaster Begin

    var pasterMgr = new PasterManager();

    pasterMgr.Config["ostUrl"] = "http://localhost:82/upload.aspx"; //将此地址换为实际服务器地址。

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

var edtInited = false;

 

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

         pasterMgr.Init(evt.editor);

} );

 

    CKEDITOR.on( 'currentInstance', function() {

         if(!edtInited)

         {

              pasterMgr.SetEditor(CKEDITOR.currentInstance);

              edtInited = true;

         }

     } );

     //WordPaster End;

 

整合后效果如下:

 

前台会员添加内容

1.为会员工具栏增加粘贴按钮

修改/Editor/ckeditor.js

搜索ContentSimple字符串并新增如下代码:

2.为会员页面增加控件

修改/User/Content/Content.aspx文件

新增如下代码:

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

              <link type="text/css" rel="stylesheet" href="/WordPaster/css/ui-lightness/jquery-ui-1.8.11.custom.css" />

              <script type="text/javascript" src="/WordPaster/js/jquery-ui-1.8.11.custom.min.js"></script>

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

              <script language="JavaScript" type="text/JavaScript">

              <script language="JavaScript" type="text/JavaScript">

              //WordPaster Begin

              var pasterMgr = new PasterManager();

              pasterMgr.Config["ostUrl"] = "http://localhost:82/upload.aspx";//将此地址改为正式服务器地址。

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

                   var edtInited = false;

 

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

                   pasterMgr.Init(evt.editor);

              } );

              CKEDITOR.on( 'currentInstance', function() {

                   if(!edtInited)

                   {

                       pasterMgr.SetEditor(CKEDITOR.currentInstance);

                       edtInited = true;

                   }

              } );

              //WordPaster End;

              </script>

整合后效果如下:

 

 

常见问题:

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

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

 

回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2021-12-5 12:59 , Processed in 0.265325 second(s), 23 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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