广西网站建设证件查询顺企网浙江网站建设

广西网站建设证件查询,顺企网浙江网站建设,餐馆建设网站的目的是什么,网站 风格企业网站后台Word/公众号内容导入功能集成项目报告 一、需求分析与技术调研 我作为项目负责人#xff0c;近期针对企业网站后台管理系统新增的Word粘贴、Word文档导入及微信公众号内容粘贴功能需求展开了全面调研。经过详细分析#xff0c;总结了以下关键需求点#xff1a…企业网站后台Word/公众号内容导入功能集成项目报告一、需求分析与技术调研我作为项目负责人近期针对企业网站后台管理系统新增的Word粘贴、Word文档导入及微信公众号内容粘贴功能需求展开了全面调研。经过详细分析总结了以下关键需求点核心功能需求Web编辑器插件形式集成基于CKEditor Vue2Word内容粘贴保留完整样式含表格、公式、特殊字体等公众号内容抓取及图片自动上传多格式文档导入Word/Excel/PPT/PDF图片二进制存储华为云OBS特殊要求全信创环境兼容OS/CPU/浏览器IE8兼容支持58万预算内买断授权需验证厂商资质5央企案例二、市场产品调研记录1. 候选产品筛选经过一周市场调研筛选出5个符合基础要求的产品产品名称厂商技术架构信创认证买断价格IE8支持网际Word助手北京网际JavaJS全系列45万/年是金格iWebOffice江西金格ActiveXJS部分38万/年需插件金山WPS金山软件JavaJS全系列62万/年否永中WebOffice无锡永中JavaJS全系列59万/年否腾讯文档腾讯JavaJS全系列68万/年否钉钉文档钉钉JavaJS全系列67万/年否飞书字节跳动JavaJS全系列66万/年否石墨文档石墨JavaJS全系列59万/年否点聚WebOffice北京点聚.NETJS部分48万/年是超时代Office控件深圳超时代纯JS全系列55万/年是泽优WordPaster控件荆门泽优多平台构架全系列55万是2. 深度技术验证测试环境麒麟V10 飞腾2000Windows 7 IE8统信UOS 龙芯3A5000验证重点样式保留能力测试包含GB2312字体的政府公文复杂表格合并单元格、边框样式MathType公式和LaTeX公式形状组合图形图片处理// 示例检查图片处理方式editor.on(paste,function(evt){varhtmlevt.data.dataValue;// 验证图片是否转为二进制上传console.log(html.match(/]src[]([^])[]/g));});信创环境兼容性检查各产品在MIPS/LoongArch架构下的运行情况验证与华为云OBS的对接能力3. 厂商资质审查要求各厂商提供的资质文件软件著作权证书信创环境兼容性测试报告5个以上央企/政府项目合同脱敏银行转账凭证特别关注荆门泽优软件提供的某部委项目案例中包含完整的IE8兼容解决方案。三、技术方案选型最终选择泽优WordPaster控件决策依据唯一通过全信创环境认证含LoongArch提供ActiveX控件方案适合IE8提供完整的SDK和API文档55万买断价在预算内图片直传OBS功能成熟合同关键条款永久授权不限项目数免费升级维护3年提供产品源代码单独付费防厂商倒闭性能保证支持100并发四、系统集成方案前端集成Vue2 CKEditor安装插件包npminstallsupertime/office-embed --save配置CKEditor// ckeditor.config.jsimportSuperOfficefromsupertime/office-embed;ClassicEditor.create(document.querySelector(#editor),{plugins:[SuperOffice,/* 其他插件 */],toolbar:{items:[superOfficeImport,superOfficePaste,wechatImport,// ...原有工具项]},superOffice:{obsConfig:{bucket:your-bucket,endpoint:obs.cn-south-1.myhuaweicloud.com,getTokenUrl:/api/obs-token// 后端签发临时token},wechatProxy:/api/wechat-proxy// 公众号图片代理}});后端对接SpringBootOBS临时token接口RestControllerRequestMapping(/api)publicclassObsController{GetMapping(/obs-token)publicObsTokengetObsToken(){// 使用华为云SDK生成临时上传凭证TemporarySignatureRequestrequestnewTemporarySignatureRequest(HttpMethodEnum.PUT,1800);TemporarySignatureResponseresponseObsClient.createTemporarySignature(request);returnnewObsToken(response.getSignedUrl(),response.getActualSignedRequestHeaders());}DatapublicstaticclassObsToken{privateStringuploadUrl;privateMapheaders;// 构造器省略...}}微信公众号图片代理PostMapping(/wechat-proxy)publicResponseEntityproxyWechatImage(RequestParamStringurl){// 使用HttpClient下载图片CloseableHttpClienthttpClientHttpClients.createDefault();HttpGethttpGetnewHttpGet(url);try(CloseableHttpResponseresponsehttpClient.execute(httpGet)){HttpEntityentityresponse.getEntity();byte[]bytesEntityUtils.toByteArray(entity);// 直接转发二进制数据returnResponseEntity.ok().contentType(MediaType.parseMediaType(entity.getContentType().getValue())).body(bytes);}}五、信创环境适配方案针对特殊环境的兼容处理字体兼容层/* 前端字体回退策略 */.editor-content{font-family:仿宋_GB2312,方正仿宋_GBK,FangSong,serif;}龙芯架构适配// 检测CPU架构constisLoongArchnavigator.userAgent.includes(LoongArch);if(isLoongArch){// 加载专门优化的wasm模块import(./office-decoder-loongarch.wasm).then(module{window.decodermodule;});}IE8 Polyfill方案六、项目实施计划阶段一集成测试2周开发环境集成验证信创实验室环境测试阶段二试点运行1周选择3个客户站点试运行收集性能数据平均导入时间2s阶段三全面部署1周编写操作手册培训客服团队风险控制保留原有编辑器作为fallback每日凌晨自动备份样式映射表七、效果验证测试用例示例测试项输入样本验证点结果公文导入红头文件.docx仿宋GB2312保留✔复杂表格统计月报.docx合并单元格样式✔数学公式数学试卷.docxMathType渲染✔公众号文章某政府公众号链接图片自动上传✔八、项目总结本项目成功在预算范围内实际支出55万元实现了全信创环境兼容的Office内容导入无缝对接华为云OBS存储零改造支持IE8等老旧浏览器获得客户信息化部门好评后续优化方向增加WPS格式支持集成电子签章功能对接政府公文交换系统附核心代码片段已通过公司内部GitLab归档路径为gitlab.xxx-group.com/backend/word-import-v2复制插件说明此教程以CKEditor4.x为例使用其他编辑器的查看对应教程。将下列文件夹复制到项目中/WordPaster/ckeditor/plugins/imagepaster/ckeditor/plugins/netpaster/ckeditor/plugins/pptpaster/ckeditor/plugins/pdfimport上传插件上传插件文件夹将imagepaster,netpaster文件夹上传到现有项目ckeditor/plugins目录中在工具栏中增加插件按钮引用js初始化控件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:,Cookie:PHPSESSID});//加载控件配置上传接口注意1.如果接口字段名称不是file请配置FileFieldName。ueditor接口中使用的upfile字段点击查看详细教程配置ImageMatch用于匹配JSON数据点击查看详细教程配置ImageUrl用于为图片增加域名前缀点击查看详细教程配置Session如果接口有权限验证登陆验证SESSION验证请配置COOKIE。或取消权限验证。参考点击查看详细教程说明1.请先测试您的接口点击查看详细教程功能演示编辑器界面导入Word文档,支持doc,docx导入Excel文档,支持xls,xlsx粘贴Word一键粘贴Word内容自动上传Word中的图片保留文字样式。Word转图片一键导入Word文件并将Word文件转换成图片上传到服务器中。导入PDF一键导入PDF文件并将PDF转换成图片上传到服务器中。导入PPT一键导入PPT文件并将PPT转换成图片上传到服务器中。上传网络图片一键自动上传网络图片自动下载远程服务器图片自动上传远程服务器图片下载示例点击下载完整示例