使用vue和手写代码的区别-Pbootcms教程-爱模板网

使用vue和手写代码的区别

2024-08-20 20:21:08

Word图片一键粘贴（导入）帝国CMS（empirecms）7.5整合教程

产品介绍

泽优Word一键粘贴控件（WordPaster）是一款帮助政府和企业提升内容发布效率的Web编辑器插件工具，主要帮助用户解决Word内容粘贴到Web编辑器时图片不能自动上传的问题，以及教育领域的公式图片不能自动上传的问题，提供Word文档图片一键粘贴，PowerPoint一键导入，PDF一键导入，微信公众号内容一键转发。适用于政府门户，集约化平台，CMS，OA，博客，文档管理系统，微信公众号，微博，自媒体，传媒，在线教育等领域。能够支持从ie6到chrome的全部浏览器和常用操作系统（Windows,MacOS,Linux）及信创和国产化环境（龙芯，中标麒麟，银河麒麟，统信UOS）。

CMS版本：帝国CMS(empirecms) 7.5

编辑器：UEditor 1.4x

在线代码：

1.从gitee中下载代码

2.解压插件包，上传到帝国CMS根目录

插件包自动覆盖下面目录

e/extend/WordPaster

注意：插件包包含ueditor，如果您已经集成了ueditor，您可以删除插件包的中ueditor

3.修改数据表字段

选择相应的模板表名

修改newstext字段

替换表单HTML代码

填入代码

<?php

$ziduan='newstext';//编辑器使用的字段名称

if($enews=='MAddInfo' || $enews=='MEditInfo'){//前台投稿

$qiantai=1;

$ziduanzhi=$ecmsfirstpost==1?"":DoReqValue($mid,$ziduan,stripSlashes($r[$ziduan]));

}else{//后台

$qiantai=0;

$ziduanzhi=$ecmsfirstpost==1?"":stripSlashes($r[$ziduan]);

}

var pos= _window.location.href.indexOf("/e/admin");

var website= _window.location.href.substr(0, pos);

WordPaster.getInstance({

//上传接口：?id=d88b60a2b0204af1ba62fa66288203ed

PostUrl: website+"/e/extend/WordPaster/upload.php",

//为图片地址增加域名：?id=704cd302ebd346b486adf39cf4553936

ImageUrl: "",

//设置文件字段名称：?id=c3ad06c2ae31454cb418ceb2b8da7c45

FileFieldName: "file",

//提取图片地址：?id=07e3f323d22d4571ad213441ab8530d1

ImageMatch: '',

ui:{render:"wdpst"}

});//加载控件

<?=$ziduan?>=UE.getEditor('<?=$ziduan?>',{

serverUrl: "<?=$public_r['newsurl']?>e/extend/ueditor/php/controller.php",//自己的请求接口

toolbars:Default,//工具栏配置文件，具体参考ueditor.toolbarconfig.js文件中说明

pageBreakTag:'',//帝国分页标签

initialFrameWidth:'100%',//编辑器宽

initialFrameHeight:300//编辑器高

//等等其它配置自行添加，参考UE默认配置文件复制修改即可

});

//自定义请求参数

<?=$ziduan?>.ready(function(){

<?=$ziduan?>.execCommand('serverparam',{

'filepass':'<?=$filepass?>',//修改时候是信息ID

'classid' :'<?=$classid?>',

'qiantai':<?=$qiantai?>

});

</script>

关键字替换 <input name="copyimg" type="checkbox" id="copyimg" value="1">

远程保存图片(

<a href="SetEnews.php"target="_blank">加水印</a>)

远程保存FLASH(地址前缀：

)</td>

</tr>

<td bgcolor="#FFFFFF"><input name="repimgnexturl"type="checkbox"id="repimgnexturl"value="1"> 图片链接转为下一页 <input name="autopage" type="checkbox" id="autopage" value="1">自动分页

,每

个字节为一页取第

张上传图为标题图片(

缩略图: 宽

*高

)</td>

</tr>

</table>

4.填写授权码

在本地(localhost)中使用时不需要配置授权码。

在线上环境，正式环境（非localhost，非127.0.0.1）中使用时需要配置授权码。

整合后的效果

图片保存的路径

解决痛点

Word,Excel,PowerPoint内容一键粘贴，并保留Word文档内容的格式，如字体，表格等，自动将Word内容中的图片上传到服务器中，并支持对图片的缩放，压缩等操作。

目前已支持的编辑器和产品

1.已支持的语言和框架：asp,asp.net,jsp,php,vue,vue-cli

2.已支持的Web编辑器：FCKEditor2.x，CKEditor3.x，CKEditor 4.x,CuteEditor 6x,KindEditor 3x,KindEditor 4x,TinyMCE 3x,TinyMCE 4x,TinyMCE 5x,UEditor 1.4x,UEditor 1.5x,UMEditor1x,xhEditor1x,eWebEditor 9x,wangEditor,NEditor,Summernote,Quill

3.已支持的CMS：SiteFactory 5.2,SiteFactory 5.6,

4.已支持的应用：HKwik 5.0,WordPress 3.7.1,Joomla 3.4.7 Drupal 7.34,帝国CMS 7.x,PHPCMS v9,dedecms v5.7,DokuWiki,PHPMyWind 5.6,Z-Blog 1.7x,PbootCMS 3.x

成功案例

中国长江电力股份有限公司

北京银联信科技股份有限公司

优慕课在线教育科技（北京）有限责任公司

西安工业大学

西安恒谦教育科技股份有限公司

西安德雅通科技有限公司

国家气象中心

国开泛在（北京）教育科技有限公司

北京大唐融合通信技术有限公司

北京思路创新科技有限公司

北京兴油工程项目管理有限公司

北京海泰方圆科技股份有限公司

Word图片一键粘贴（导入）vue-cli-ueditor整合教程

产品介绍

解决痛点

目前已支持的编辑器和产品

1.已支持的语言和框架：asp,asp.net,jsp,php,vue,vue-cli

3.已支持的CMS：SiteFactory 5.2,SiteFactory 5.6,

4.已支持的应用：HKwik 5.0,WordPress 3.7.1,Joomla 3.4.7 Drupal 7.34,帝国CMS 7.x,PHPCMS v9,dedecms v5.7,DokuWiki,PHPMyWind 5.6,Z-Blog 1.7x,PbootCMS 3.x

下载示例

1.复制插件文件

安装jquery

npm install jquery

2.在组件中引入

初始化和挂载快捷键

填写授权码

localhost,127.0.0.1这两个地址不需要填写授权码

代码：

//初始化

WordPaster.getInstance({

PostUrl:":8891/upload.aspx",//配置上传地址

ImageUrl:":8891{url}"

}).Load();

注意：

1.如果接口字段名称不是file，请配置FileFieldName。ueditor接口中使用的upfile字段

参考：?id=c3ad06c2ae31454cb418ceb2b8da7c45

2.如果接口返回JSON，请配置ImageMatch

参考：?id=07e3f323d22d4571ad213441ab8530d1

3.如果接口返回的图片地址没有域名，请配置ImageUrl

参考：?id=704cd302ebd346b486adf39cf4553936
4.如果接口有权限验证（登陆验证，SESSION验证），请配置COOKIE。或取消权限验证。
参考：?id=8602DDBF62374D189725BF17367125F3

整合效果：