济南建设网站的公司吗企业网站推广的方法有

济南建设网站的公司吗,企业网站推广的方法有,php伪静态网站破解,nginx wordpress sock拯救秃头程序员系列#xff1a;Word一键粘贴功能开发记 #x1f680; 作为福建某知名#xff08;自封的#xff09;JAVA程序员#xff0c;我最近接了个CMS官网项目#xff0c;客户要求增加Word一键粘贴功能#xff0c;这简直是要把我本就不富裕的发量再薅掉几根… 需求…拯救秃头程序员系列Word一键粘贴功能开发记 作为福建某知名自封的JAVA程序员我最近接了个CMS官网项目客户要求增加Word一键粘贴功能这简直是要把我本就不富裕的发量再薅掉几根…需求背景客户“小王啊我们那些老领导用Word几十年了你让他们在网页编辑器里排版不如直接让他们去跳广场舞”我内心OS得又要加班了技术选型经过七七四十九天的调研其实就是百度了3小时发现市面上的方案都像方便面包装上的牛肉——仅供参考于是决定自己动手丰衣足食。前端方案 (Vue3 wangEditor)// 在wangEditor中扩展Word粘贴功能const{Boot}window.wangEditor Boot.registerModule(require(./word-paste-module))// word-paste-module.jsexportdefault{menus:[wordPaste],init(){consteditorthis.editor editor.config.uploadImgShowBase64true// 先base64处理后台上传// 添加Word粘贴按钮editor.menus.extend(wordPaste,{title:Word粘贴,icon:,click(){this.pasteFromWord()},pasteFromWord(){// 魔法开始...constpasteAreadocument.createElement(textarea)pasteArea.style.positionfixeddocument.body.appendChild(pasteArea)pasteArea.focus()// 监听粘贴事件pasteArea.addEventListener(paste,(e){constitems(e.clipboardData||e.originalEvent.clipboardData).itemslethtmlfor(leti0;iitems.length;i){if(items[i].typetext/html){htmle.clipboardData.getData(text/html)break}}if(html){// 调用清洁工函数清理Word垃圾样式constcleanHtmlthis.cleanWordHtml(html)editor.cmd.do(insertHTML,cleanHtml)}document.body.removeChild(pasteArea)},{once:true})// 模拟粘贴操作document.execCommand(paste)},cleanWordHtml(html){// 这里需要写一个完整的Word HTML净化器// 篇幅限制简单示例returnhtml.replace(/\!$$if !vml$$.?/gmi,)// 干掉VML.replace(/\/o:p/g,)// 干掉Office标签// ...还有10086个正则等着写}})}}后端方案 (Java Apache POI)// Word文档导入控制器RestControllerRequestMapping(/api/upload)publicclassDocumentImportController{AutowiredprivateAliyunOssServiceossService;PostMapping(/word)publicResultimportWord(RequestParam(file)MultipartFilefile){try{// 1. 保存临时文件FiletempFileFile.createTempFile(word_,.docx);file.transferTo(tempFile);// 2. 用Apache POI解析XWPFDocumentdocnewXWPFDocument(newFileInputStream(tempFile));StringhtmlContentconvertDocxToHtml(doc);// 3. 处理图片htmlContentprocessImages(htmlContent,doc.getAllPackagePictures());// 4. 返回HTML内容returnResult.success(htmlContent);}catch(Exceptione){returnResult.error(Word导入失败: e.getMessage());}}privateStringconvertDocxToHtml(XWPFDocumentdoc){// 这里需要实现完整的Docx转HTML逻辑// 简单示例StringBuilderhtmlnewStringBuilder();for(IBodyElementelem:doc.getBodyElements()){if(eleminstanceofXWPFParagraph){html.append().append(((XWPFParagraph)elem).getText()).append();}elseif(eleminstanceofXWPFTable){html.append(convertTableToHtml((XWPFTable)elem));}// 还要处理页眉页脚、列表、样式等...}returnhtml.toString();}privateStringprocessImages(Stringhtml,Listpictures){// 处理图片上传到OSSfor(XWPFPictureDatapic:pictures){StringpicUrlossService.upload(pic.getData(),images/UUID.randomUUID().png);htmlhtml.replace(cid:pic.getPackagePart().getPartName().getName(),picUrl);}returnhtml;}}遇到的那些坑 ️Word的魔法样式微软工程师一定是哈利波特粉丝各种mso-开头的黑魔法样式让我怀疑人生VML绘图2000年的技术居然还在用解析这些标签就像考古公式处理Latex转MathML这活应该找数学系的来做Excel表格客户给的表能绕地球三圈解析完我的内存也绕地球三圈了省钱大法 预算680元兄弟你这是要我用爱发电啊不过咱福建人最会精打细算云存储用阿里云OSS按量付费1GB几分钱前端插件基于开源魔改省下买商业授权的钱后端解析Apache POI免费就是费头发测试环境用自己淘汰的笔记本当服务器反正客户看不见加群福利 看到这里的都是真兄弟加群223813913享受新人红包1-99元能不能拿到99看手气外包项目共享大家一起秃技术交流如何用最少代码实现最多功能提成计划推荐客户拿20%比写代码赚钱快最终效果 ✨虽然过程像西天取经但最终实现了Word一键粘贴 ✔️保留基本样式 ✔️图片自动上传 ✔️表格基本支持 ✔️没超预算 ✔️barely…还剩几根头发 ✔️barely…各位看官如果需要完整代码…得加钱或者加群223813913一起探讨如何用680元预算做出68000元的效果福建人的智慧你值得拥有复制插件文件安装jquerynpm install jquery导入组件importEfromwangeditorconst{$,BtnMenu,DropListMenu,PanelMenu,DropList,Panel,Tooltip}Eimport{WordPaster}from../../static/WordPaster/js/wimport{zyCapture}from../../static/zyCapture/zimport{zyOffice}from../../static/zyOffice/js/o初始化组件//zyCapture ButtonclasszyCaptureBtnextendsBtnMenu{constructor(editor){const$elemE.$(div classw-e-menu>)super($elem,editor)}clickHandler(){window.zyCapture.setEditor(this.editor).Capture();}tryChangeActive(){this.active()}}//zyOffice ButtonclassimportWordBtnextendsBtnMenu{constructor(editor){const$elemE.$(div classw-e-menu>)super($elem,editor)}clickHandler(){window.zyOffice.SetEditor(this.editor).api.openDoc();}tryChangeActive(){this.active()}}//zyOffice ButtonclassexportWordBtnextendsBtnMenu{constructor(editor){const$elemE.$(div classw-e-menu>)super($elem,editor)}clickHandler(){window.zyOffice.SetEditor(this.editor).api.exportWord();}tryChangeActive(){this.active()}}//zyOffice ButtonclassimportPdfBtnextendsBtnMenu{constructor(editor){const$elemE.$(div classw-e-menu>)super($elem,editor)}clickHandler(){window.zyOffice.SetEditor(this.editor).api.openPdf();}tryChangeActive(){this.active()}}//WordPaster ButtonclassWordPasterBtnextendsBtnMenu{constructor(editor){const$elemE.$(div classw-e-menu>)super($elem,editor)}clickHandler(){WordPaster.getInstance().SetEditor(this.editor).Paste();}tryChangeActive(){this.active()}}//wordImport ButtonclassWordImportBtnextendsBtnMenu{constructor(editor){const$elemE.$(div classw-e-menu>)super($elem,editor)}clickHandler(){WordPaster.getInstance().SetEditor(this.editor).importWord();}tryChangeActive(){this.active()}}//excelImport ButtonclassExcelImportBtnextendsBtnMenu{constructor(editor){const$elemE.$(div classw-e-menu>)super($elem,editor)}clickHandler(){WordPaster.getInstance().SetEditor(this.editor).importExcel();}tryChangeActive(){this.active()}}//ppt paster ButtonclassPPTImportBtnextendsBtnMenu{constructor(editor){const$elemE.$(div classw-e-menu>)super($elem,editor)}clickHandler(){WordPaster.getInstance().SetEditor(this.editor).importPPT();}tryChangeActive(){this.active()}}//pdf paster ButtonclassPDFImportBtnextendsBtnMenu{constructor(editor){const$elemE.$(div classw-e-menu>)super($elem,editor)}clickHandler(){WordPaster.getInstance().SetEditor(this.editor);WordPaster.getInstance().ImportPDF();}tryChangeActive(){this.active()}}//importWordToImg ButtonclassImportWordToImgBtnextendsBtnMenu{constructor(editor){const$elemE.$(div classw-e-menu>)super($elem,editor)}clickHandler(){WordPaster.getInstance().SetEditor(this.editor).importWordToImg();}tryChangeActive(){this.active()}}//network paster ButtonclassNetImportBtnextendsBtnMenu{constructor(editor){const$elemE.$(div classw-e-menu>)super($elem,editor)}clickHandler(){WordPaster.getInstance().SetEditor(this.editor);WordPaster.getInstance().UploadNetImg();}tryChangeActive(){this.active()}}exportdefault{name:HelloWorld,data(){return{msg:Welcome to Your Vue.js App}},mounted(){vareditornewE(#editor);WordPaster.getInstance({//上传接口http://www.ncmem.com/doc/view.aspx?idd88b60a2b0204af1ba62fa66288203edPostUrl:http://localhost:8891/upload.aspx,License2:,//为图片地址增加域名http://www.ncmem.com/doc/view.aspx?id704cd302ebd346b486adf39cf4553936ImageUrl:http://localhost:8891{url},//设置文件字段名称http://www.ncmem.com/doc/view.aspx?idc3ad06c2ae31454cb418ceb2b8da7c45FileFieldName:file,//提取图片地址http://www.ncmem.com/doc/view.aspx?id07e3f323d22d4571ad213441ab8530d1ImageMatch:});zyCapture.getInstance({config:{PostUrl:http://localhost:8891/upload.aspx,License2:,FileFieldName:file,Fields:{uname:test},ImageUrl:http://localhost:8891{url}}})// zyoffice// 使用前请在服务端部署zyoffice// http://www.ncmem.com/doc/view.aspx?id82170058de824b5c86e2e666e5be319czyOffice.getInstance({word:http://localhost:13710/zyoffice/word/convert,wordExport:http://localhost:13710/zyoffice/word/export,pdf:http://localhost:13710/zyoffice/pdf/upload})// 注册菜单E.registerMenu(zyCaptureBtn,zyCaptureBtn)E.registerMenu(WordPasterBtn,WordPasterBtn)E.registerMenu(ImportWordToImgBtn,ImportWordToImgBtn)E.registerMenu(NetImportBtn,NetImportBtn)E.registerMenu(WordImportBtn,WordImportBtn)E.registerMenu(ExcelImportBtn,ExcelImportBtn)E.registerMenu(PPTImportBtn,PPTImportBtn)E.registerMenu(PDFImportBtn,PDFImportBtn)E.registerMenu(importWordBtn,importWordBtn)E.registerMenu(exportWordBtn,exportWordBtn)E.registerMenu(importPdfBtn,importPdfBtn)//挂载粘贴事件editor.txt.eventHooks.pasteEvents.length0;editor.txt.eventHooks.pasteEvents.push(function(){WordPaster.getInstance().SetEditor(editor).Paste();e.preventDefault();});editor.create();varedt2newE(#editor2);//挂载粘贴事件edt2.txt.eventHooks.pasteEvents.length0;edt2.txt.eventHooks.pasteEvents.push(function(){WordPaster.getInstance().SetEditor(edt2).Paste();e.preventDefault();return;});edt2.create();}}h1,h2{font-weight:normal;}ul{list-style-type:none;padding:0;}li{display:inline-block;margin:010px;}a{color:#42b983;}测试前请配置图片上传接口并测试成功接口测试接口返回JSON格式参考为编辑器添加按钮components:{Editor,Toolbar},data(){return{editor:null,html:dd,toolbarConfig:{insertKeys:{index:0,keys:[zycapture,wordpaster,pptimport,pdfimport,netimg,importword,exportword,importpdf]}},editorConfig:{placeholder:},mode:default// or simple}},整合效果导入Word文档,支持doc,docx导入Excel文档,支持xls,xlsx粘贴Word一键粘贴Word内容自动上传Word中的图片保留文字样式。Word转图片一键导入Word文件并将Word文件转换成图片上传到服务器中。导入PDF一键导入PDF文件并将PDF转换成图片上传到服务器中。导入PPT一键导入PPT文件并将PPT转换成图片上传到服务器中。上传网络图片一键自动上传网络图片自动下载远程服务器图片自动上传远程服务器图片下载示例点击下载完整示例