企业官网建设流程全解析

出口外贸营销网站,做英文网站賺钱,怎么做卖卷网站,时空赣州网震惊#xff01;680元搞定Word一键粘贴文档导入#xff1f;这个Java程序员要逆天#xff01; 大家好#xff0c;我是来自安徽的Java码农小王#xff0c;最近接了个CMS官网项目#xff0c;客户突然提出个无理需求#xff1a; “小王啊#xff0c;我们这些…震惊680元搞定Word一键粘贴文档导入这个Java程序员要逆天大家好我是来自安徽的Java码农小王最近接了个CMS官网项目客户突然提出个无理需求“小王啊我们这些老编辑眼睛都花了能不能搞个Word一键粘贴功能还有Excel、PPT、PDF导入啊最好连公众号内容都能直接复制”我内心OS这是要把UEditor改造成Office全家桶需求拆解客户想要什么Word复制粘贴保留格式别给我整成乱码文档导入Word/Excel/PPT/PDF一个都不能少公众号内容导入微信小编的福音Latex公式支持MathML转换多终端高清显示图片自动上传别让我手动传图预算680元老板说多一分都不给…技术选型从绝望到希望我翻遍了GitHub、码云、CSDN…发现那些开源方案要么不支持emz/wmz公式图片要么Latex转MathML是个摆设要么样式丢得亲妈都不认识直到我发现了一个神器——UEditor增强插件包680元搞定所有需求这不就是为我量身定制的吗代码实战手把手教你集成前端部分 (Vue3 UEditor)// 在UEditor配置中增加按钮UE.registerUI(wordpaste,function(editor){// 创建一个buttonvarbtnnewUE.ui.Button({name:wordpaste-button,title:Word一键粘贴,cssRules:background-image: url(wordpaste.png) no-repeat;,onclick:function(){editor.execCommand(wordpaste);}});returnbtn;});// 初始化UEditor时加载插件this.editorUE.getEditor(editor,{serverUrl:/ueditor/controller,wordPastePluginPath:/plugins/wordpaste/,// 插件路径enableAutoUpload:true,// 开启自动上传ossConfig:{region:oss-cn-hangzhou,bucket:your-bucket,accessKeyId:your-ak,accessKeySecret:your-sk}});后端部分 (Java OSS)// Word内容解析控制器ControllerRequestMapping(/ueditor/controller)publicclassUEditorController{AutowiredprivateOSSossClient;RequestMapping(value/wordparse,methodRequestMethod.POST)ResponseBodypublicMapparseWord(RequestParam(file)MultipartFilefile){MapresultnewHashMap();try{// 1. 解析Word内容WordParserparsernewWordParser();Contentcontentparser.parse(file.getInputStream());// 2. 处理图片上传OSSfor(Imageimg:content.getImages()){StringurluploadToOSS(img.getData(),img.getExt());content.replaceImage(img.getId(),url);}// 3. 转换Latex公式LatexConverter.convertToMathML(content);result.put(state,SUCCESS);result.put(content,content.getHtml());}catch(Exceptione){result.put(state,ERROR);result.put(msg,e.getMessage());}returnresult;}privateStringuploadToOSS(byte[]data,Stringext){StringfileNameUUID.randomUUID().ext;ossClient.putObject(your-bucket,fileName,newByteArrayInputStream(data));returnhttps://your-bucket.oss-cn-hangzhou.aliyuncs.com/fileName;}}效果演示真香Word粘贴CtrlV直接保留所有格式连数学公式都不放过文档导入点击按钮选择文件自动解析成HTML公众号复制从微信复制过来图片自动上传多终端适配MathML公式在手机上看也是高清的项目收益躺着赚钱不是梦按客户说的这个功能政府网站能用红头文件直接贴企业官网能用产品文档随便导教育机构最爱数学公式完美显示群里兄弟们的反馈“上周刚卖了两套净赚400提成真就躺着赚钱”“客户说这功能比那些几万块的CMS还好用”最后福利加群领红包QQ群223813913新人加群送1-99元红包推荐客户拿20%提成悄悄说我已经靠提成换新MacBook了…技术难点都帮你解决了680元预算也搞定了现在就看你能不能抓住这个财富密码了PS那些说680元做不出来的要么是技术不够硬要么是还没找到我们这个外挂级插件包复制插件目录引入插件文件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转换成图片上传到服务器中。上传网络图片下载示例点击下载完整示例