企业官网建设流程全解析

湛江网站制作企业,宝塔ssl wordpress,重庆在线开放课程平台,上海电子商城网站#xff08;叼着馕饼敲键盘#xff09;各位爷们儿看好了#xff01;咱新疆程序员今天要搞个骚操作——给UEditor装个文档吞噬兽插件#xff0c;让甲方爸爸能直接把Word文档囫囵吞进官网后台#xff01; #x1f680; 前端插件代码#xff08;Vue3版#xf…叼着馕饼敲键盘各位爷们儿看好了咱新疆程序员今天要搞个骚操作——给UEditor装个文档吞噬兽插件让甲方爸爸能直接把Word文档囫囵吞进官网后台 前端插件代码Vue3版// src/plugins/ueditor-doc-importer.jsclassDocImporter{constructor(editor){this.editoreditor;this.initUI();}initUI(){// 在工具栏新增吞噬文档按钮this.editor.addListener(ready,(){constbtndocument.createElement(button);btn.innerHTML 吞噬文档;btn.classNameedui-for-docimport edui-button;btn.onclick()this.showImportDialog();consttoolbarthis.editor.container.querySelector(.edui-toolbar);toolbar.appendChild(btn);});}showImportDialog(){// 弹窗让用户选择文件constinputdocument.createElement(input);input.typefile;input.accept.doc,.docx,.xls,.xlsx,.ppt,.pptx,.pdf,.html,.txt;input.onchangeasync(e){constfilee.target.files[0];if(!file)return;// 显示加载动画新疆舞版this.editor.showLoading(正在驯服文档中...);try{constformDatanewFormData();formData.append(file,file);// 调用PHP接口处理文档constresawaitfetch(/api/doc-import,{method:POST,body:formData});const{html,msg}awaitres.json();if(msg)alert(msg);// 甲方爸爸专属提示// 插入处理后的HTML到编辑器this.editor.execCommand(insertHtml,html);}catch(err){alert(出错了可能是文档太复杂建议先宰成小块${err.message});}finally{this.editor.hideLoading();}};input.click();}}// 注册插件Vue3挂载方式exportdefault{install(app,{editor}){newDocImporter(editor);}}; PHP后端处理Zend Studio特供版// api/doc-import.phpregionId(cn-xinjiang)-asDefaultClient();classDocParser{private$ossBucketyour-bucket;private$ossEndpointhttps://oss-cn-xinjiang.aliyuncs.com;publicfunctionparse($file){$extstrtolower(pathinfo($file[name],PATHINFO_EXTENSION));$tmpPathtempnam(sys_get_temp_dir(),doc_)..$ext;move_uploaded_file($file[tmp_name],$tmpPath);switch($ext){casedocx:return$this-parseWord($tmpPath);casexlsx:return$this-parseExcel($tmpPath);casepptx:return$this-parsePpt($tmpPath);casepdf:return$this-parsePdf($tmpPath);default:return[html不支持此格式建议用骆驼运输];}}privatefunctionparseWord($path){$phpWordIOFactory::load($path);$htmlWriternew\PhpOffice\PhpWord\Writer\HTML($phpWord);$html$htmlWriter-getContent();// 处理公式新疆数学老师特供$htmlpreg_replace_callback(/(.*?)\/span/,function($m){// 这里应该调用MathType转换服务简化示例return.$m[1].;},$html);return$this-uploadImages($html);}privatefunctionuploadImages($html){// 使用DOMDocument解析HTML中的图片$domnewDOMDocument();$dom-loadHTML($html);$images$dom-getElementsByTagName(img);foreach($imagesas$img){if(strpos($img-getAttribute(src),data:)0){// 处理Base64编码的图片Word转出的常见格式$dataexplode(,,$img-getAttribute(src))[1];$imageDatabase64_decode($data);// 上传到阿里云OSS新疆节点$objectdocs/.uniqid()..png;AlibabaCloud::oss()-putObject([Bucket$this-ossBucket,Body$imageData,Key$object]);// 替换为OSS URL$img-setAttribute(src,$this-ossEndpoint./.$object);}}return$dom-saveHTML();}// 其他格式解析方法类似...}// 处理上传请求try{if(!isset($_FILES[file])){thrownewException(请先投喂文档);}$parsernewDocParser();$result$parser-parse($_FILES[file]);echojson_encode([html$result[html],msg文档驯服成功]);}catch(Exception$e){echojson_encode([html,msg错误.$e-getMessage().可能是文档太胖建议减肥]);} 部署指南新疆程序员风格安装依赖composerrequire alibabacloud/client mikehaertl/php-pdftotext phpoffice/phpword配置阿里云OSS登录阿里云控制台创建Bucket建议选新疆区域在代码中替换your-key和your-bucketUEditor集成在ueditor.config.js中添加,plugins:[docimport],toolbar:[...,docimport]// 在工具栏添加按钮启动服务php -S0.0.0.0:8080 -t ./ 赚钱攻略群主亲授加入QQ群223813913新人领红包复制这段文案发朋友圈“震惊新疆程序员开发出文档吞噬兽插件Word/Excel/PPT/PDF直接吞进官网现在推荐客户立赚20%提成躺着年入40万”坐等客户上门成交后提现买烤包子⚠️ 注意事项实际项目中需要处理更多异常情况比如文档太大导致骆驼累死公式转换建议使用专业服务如MathType Cloud API测试时建议用小文件大文件可能让服务器像在吐鲁番爬火焰山最后用新疆话喊一嗓子哎~兄弟们代码都给你们了还不赶紧去群里领红包错过这村可没这店了奥利给复制插件目录引入插件文件UEditor 1.4.3.3示例注意不要重复引入jquery如果您的项目已经引入了jq则不用再引入jq-1.4在工具栏中增加插件按钮//工具栏上的所有的功能按钮和下拉框可以在new编辑器的实例时选择自己需要的重新定义toolbars:[[fullscreen,source,|,zycapture,|,wordpaster,importwordtoimg,netpaster,wordimport,excelimport,pptimport,pdfimport,|,importword,exportword,importpdf]]初始化控件varposwindow.location.href.lastIndexOf(/);varapi[window.location.href.substr(0,pos1),asp/upload.asp].join();WordPaster.getInstance({//上传接口http://www.ncmem.com/doc/view.aspx?idd88b60a2b0204af1ba62fa66288203edPostUrl:api,//为图片地址增加域名http://www.ncmem.com/doc/view.aspx?id704cd302ebd346b486adf39cf4553936ImageUrl:,//设置文件字段名称http://www.ncmem.com/doc/view.aspx?idc3ad06c2ae31454cb418ceb2b8da7c45FileFieldName:file,//提取图片地址http://www.ncmem.com/doc/view.aspx?id07e3f323d22d4571ad213441ab8530d1ImageMatch:});//加载控件注意如果接口字段名称不是file请配置FileFieldName。ueditor接口中使用的upfile字段点击查看详细教程配置ImageMatch匹配图片地址如果服务器返回的是JSON则需要通过正则匹配ImageMatch:,点击参考链接配置ImageUrl为图片地址增加域名如果服务器返回的图片地址是相对路径可通过此属性添加自定义域名。ImageUrl:,点击查看详细教程配置SESSION如果接口有权限验证登陆验证SESSION验证请配置COOKIE。或取消权限验证。参考http://www.ncmem.com/doc/view.aspx?id8602DDBF62374D189725BF17367125F3效果编辑器界面导入Word文档,支持doc,docx导入Excel文档,支持xls,xlsx粘贴Word一键粘贴Word内容自动上传Word中的图片保留文字样式。Word转图片一键导入Word文件并将Word文件转换成图片上传到服务器中。导入PDF一键导入PDF文件并将PDF转换成图片上传到服务器中。导入PPT一键导入PPT文件并将PPT转换成图片上传到服务器中。上传网络图片下载示例点击下载完整示例