网站设计的内容以及步骤安装wordpress安装地址

网站设计的内容以及步骤,安装wordpress安装地址,小米路由器做网站,网站的建设的含义【网络安全生的逆袭#xff1a;用ASP.NET WebFormVue2搞定Word粘贴神器】 大家好#xff01;我是来自贵州某高校网络安全专业的大三程序猿#xff0c;正在给我的CMS新闻管理系统装外挂——Word一键粘贴全功能支持#xff01;今天给大家分享我的升…【网络安全生的逆袭用ASP.NET WebFormVue2搞定Word粘贴神器】大家好我是来自贵州某高校网络安全专业的大三程序猿正在给我的CMS新闻管理系统装外挂——Word一键粘贴全功能支持今天给大家分享我的升级方案绝对干货满满当前技术栈穷学生版️前端Vue2 CLI即将升级Vue3✏️编辑器百度UEditor老古董的逆袭后端ASP.NET WebForm经典永流传️数据库MySQL关系型数据库扛把子☁️云存储阿里云OSS存图必备开发环境VS2022 自己的破电脑当服务器Word一键粘贴全功能方案前端部分Vue UEditor魔改版// 在UEditor配置中增加Word粘贴按钮UE.registerUI(wordpaste,function(editor){varbtnnewUE.ui.Button({name:wordpaste,title:Word一键粘贴,cssRules:background-image: url(wordpaste.png) no-repeat;,onclick:function(){// 创建粘贴区域editor.execCommand(insertHtml,请在此粘贴Word内容...);// 监听粘贴事件document.getElementById(word-paste-area).addEventListener(paste,function(e){handleWordPaste(e,editor);},false);}});returnbtn;});// Word内容处理函数asyncfunctionhandleWordPaste(e,editor){e.preventDefault();constclipboardItemse.clipboardData.items;lethtmlContente.clipboardData.getData(text/html);// 1. 处理图片上传constimageUploadPromises[];for(leti0;iclipboardItems.length;i){if(clipboardItems[i].type.indexOf(image)!-1){constblobclipboardItems[i].getAsFile();imageUploadPromises.push(uploadImageToOSS(blob));}}// 2. 等待所有图片上传完成并替换URLconstimageUrlsawaitPromise.all(imageUploadPromises);imageUrls.forEach(url{htmlContenthtmlContent.replace(/]*src[^]*[^]*/g,matchmatch.replace(/(src)[^]*()/,$1${url}$2));});// 3. 处理公式LaTeX转MathMLhtmlContentconvertLaTeXToMathML(htmlContent);// 4. 插入处理后的内容editor.execCommand(insertHtml,htmlContent);document.getElementById(word-paste-area).remove();}// 图片上传到阿里云OSSfunctionuploadImageToOSS(blob){returnnewPromise((resolve,reject){constformDatanewFormData();formData.append(file,blob);fetch(/api/upload,{method:POST,body:formData}).then(resres.json()).then(dataresolve(data.url)).catch(reject);});}// LaTeX转MathMLfunctionconvertLaTeXToMathML(html){// 使用MathJax处理consttempDivdocument.createElement(div);tempDiv.innerHTMLhtml;// 匹配$$公式$$constblockMathstempDiv.querySelectorAll(latex-block);blockMaths.forEach(el{consttexel.textContent;el.outerHTML$$${tex}$$;});// 匹配$行内公式$constinlineMathstempDiv.querySelectorAll(latex-inline);inlineMaths.forEach(el{consttexel.textContent;el.outerHTML$${tex}$;});returntempDiv.innerHTML;}后端部分ASP.NET WebForm// UploadHandler.ashx 文件上传处理%WebHandlerLanguageC#ClassUploadHandler%usingSystem;usingSystem.Web;usingAliyun.OSS;usingSystem.IO;publicclassUploadHandler:IHttpHandler{publicvoidProcessRequest(HttpContextcontext){context.Response.ContentTypeapplication/json;try{HttpPostedFilefilecontext.Request.Files[file];if(filenull||file.ContentLength0){thrownewException(请选择上传文件);}// 阿里云OSS配置stringendpointyour-oss-endpoint;stringaccessKeyIdyour-access-key;stringaccessKeySecretyour-secret-key;stringbucketNameyour-bucket;// 生成唯一文件名stringextPath.GetExtension(file.FileName);stringfileNameGuid.NewGuid().ToString()ext;stringobjectNameuploads/DateTime.Now.ToString(yyyyMM)/fileName;// 上传到OSSvarossClientnewOssClient(endpoint,accessKeyId,accessKeySecret);using(varstreamfile.InputStream){varresultossClient.PutObject(bucketName,objectName,stream);stringurl$https://{bucketName}.{endpoint}/{objectName};context.Response.Write(${{\success\:1,\url\:\{url}\}});}}catch(Exceptionex){context.Response.Write(${{\success\:0,\message\:\{ex.Message}\}});}}publicboolIsReusable{get{returnfalse;}}}Office文件导入方案99元预算版使用Mammoth.js SheetJS PDF.js// 文件导入处理functionhandleFileImport(file,editor){constreadernewFileReader();reader.onloadfunction(e){constarrayBuffere.target.result;// 根据文件类型选择处理器if(file.name.endsWith(.docx)){importWord(arrayBuffer,editor);}elseif(file.name.endsWith(.xlsx)){importExcel(arrayBuffer,editor);}elseif(file.name.endsWith(.pptx)){importPowerPoint(arrayBuffer,editor);}elseif(file.name.endsWith(.pdf)){importPDF(arrayBuffer,editor);}};reader.readAsArrayBuffer(file);}// Word文档导入asyncfunctionimportWord(arrayBuffer,editor){constresultawaitmammoth.extractRawText({arrayBuffer});lethtmlresult.value;// 处理图片constimagesresult.messages.filter(mm.typeimage).map(imguploadImageFromBase64(img.value));constimageUrlsawaitPromise.all(images);imageUrls.forEach(url{htmlhtml.replace(/]*src[^]*[^]*/g,matchmatch.replace(/(src)[^]*()/,$1${url}$2));});editor.execCommand(insertHtml,html);}// Excel导入asyncfunctionimportExcel(arrayBuffer,editor){constworkbookXLSX.read(arrayBuffer,{type:array});consthtmlXLSX.utils.sheet_to_html(workbook.Sheets[workbook.SheetNames[0]]);editor.execCommand(insertHtml,html);}// 数学公式支持document.addEventListener(DOMContentLoaded,function(){MathJax{tex:{inlineMath:[[$,$],[\$,\$]],displayMath:[[$$,$$],[\$$,\$$]]},svg:{fontCache:global}};constscriptdocument.createElement(script);script.srchttps://cdn.jsdelivr.net/npm/mathjax3/es5/tex-svg.js;document.head.appendChild(script);});99元预算分配建议预算分配方案Mammoth.js商业授权 - 免费开源版够用SheetJS社区版 - 免费PDF.js - 免费MathJax - 免费阿里云OSS流量包 - 99元买个100GB半年包技术交流与外包接单硬核福利作为即将毕业的准社畜建了个QQ群223813913来一起接外包1000元的小单子黄金会员直接拿500组队参赛CTF、编程大赛组团开黑技术交流解决玄学BUG的神秘力量资源共享避免重复造轮子新人福利 加群红包1-99元拼手气时间 推荐奖励20%起最高50% 等级晋升制度青铜→王者举个推荐一个1万的单子黄金会员直接拿5000比实习工资香多了吧当然技术才是王道钱只是意外收获求职环节卑微求内推各位大佬师兄师姐小弟即将毕业求个内推机会技能点.NET全栈开发WebForm到Core都会Vue全家桶2和3都玩得转网络安全基础毕竟专业是网安服务器运维被阿里云折磨出来的经验程序员求职秘诀“简历造火箭入职拧螺丝面试造航母工作修单车”快来群里一起玩耍吧 QQ群223813913群内不定期掉落外包项目、学习资料、面试经验复制插件目录引入插件文件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转换成图片上传到服务器中。上传网络图片下载示例点击下载完整示例