网站建设项目实施计划书网上商城项目设计方案

网站建设项目实施计划书,网上商城项目设计方案,广告传媒公司名字取名,母婴门户网站模板680元打造企业级Word一键粘贴CMS系统 - .NET程序员实战指南 各位老铁#xff0c;我是河北一名头发日渐稀疏的.NET程序员#xff0c;最近接了个CMS官网项目#xff0c;客户要加Word一键粘贴功能。预算680元#xff1f;没问题#xff01;看我怎么用技术抠…680元打造企业级Word一键粘贴CMS系统 - .NET程序员实战指南各位老铁我是河北一名头发日渐稀疏的.NET程序员最近接了个CMS官网项目客户要加Word一键粘贴功能。预算680元没问题看我怎么用技术抠门组合拳搞定这个需求技术选型与省钱大法前端方案wangEditor插件化改造核心武器mammoth.js (Word转HTML)pdf-lib (PDF解析)MathJax (公式渲染)html-office (Excel/PPT支持)// 前端核心代码 - Vue组件exportdefault{methods:{asynchandleWordImport(file){// Word处理const{value:html}awaitmammoth.convertToHtml({arrayBuffer:awaitfile.arrayBuffer()})constprocessedHtmlawaitthis.processContent(html)this.editor.insertHtml(processedHtml)},asyncprocessContent(html){// 处理图片和公式letresulthtml// 图片上传resultawaitthis.uploadImages(result)// Latex公式转换resultresult.replace(/\$\$(.*?)\$\$/g,(_,latex){returnMathJax.tex2mml(latex)})returnresult}}}后端方案ASP.NET WebForm// 文件上传处理 - C#后端[WebMethod]publicstaticstringUploadImage(HttpPostedFilefile){varossClientnewOssClient(Endpoint,AccessKeyId,AccessKeySecret);try{varresultossClient.PutObject(BucketName,$images/{Guid.NewGuid()}{Path.GetExtension(file.FileName)},file.InputStream);returnresult.HttpStatusCodeHttpStatusCode.OK?result.ResponseMetadata[full-url]:thrownewException(上传失败);}catch(Exceptionex){thrownewHttpException(500,ex.Message);}}完整实现方案总花费678元1. 编辑器插件包核心花费定制wangEditor插件500元找在校学生兼职开发公式支持增强150元购买MathType转换库教育版2. 云服务成本阿里云OSS28元/月用了新人优惠券骚操作技术细节跨文档类型支持方案// 统一导入入口functionhandleFileImport(file){constextfile.name.split(.).pop().toLowerCase()switch(ext){casedocx:returnhandleWordImport(file)casepdf:returnhandlePdfImport(file)casexlsx:returnhandleExcelImport(file)casepptx:returnhandlePptImport(file)default:thrownewError(不支持的格式)}}微信公众号内容处理// 微信内容清洗functioncleanWechatHtml(html){// 移除微信特有标签returnhtml.replace(//g, ).replace(//g, ).replace(/style[^]*/g,)}部署与集成指南前端集成npminstallwangeditor mammoth.js pdf-lib mathjax-full后端配置插件安装直接将打包好的wangeditor-wordimport插件放到项目中importEfromwangeditorimportwangeditor-wordimportconsteditornewE(#editor)editor.config.wordImport{ossConfig:{endpoint:your-oss-endpoint,bucket:your-bucket}}editor.create()性能优化黑科技图片懒上传先用base64展示用户点击保存时才上传公式缓存转换过的公式存localStorage增量更新只重新处理修改过的内容商业互吹时间各位.NET战友们需要完整源码或者想交流技术的QQ群223813913加群暗号“.NET永不灭”群福利新人红包1-99元能不能抢到大包看手气客户推荐20%提成黄金会员50%技术问题随时解答包括但不限于为什么我的代码跑不通/为什么我还没对象最后说句掏心窝子的有招.NET的公司求内推啊我WebForm/MVC/API都会SQL Server调优也懂点工资要求不高比送外卖强点就行复制插件文件安装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转换成图片上传到服务器中。上传网络图片一键自动上传网络图片自动下载远程服务器图片自动上传远程服务器图片下载示例点击下载完整示例