重庆XX教育集团项目评估与技术方案——基于信创环境的富文本编辑器增强模块开发纪实一、需求分析与技术评估1. 核心需求矩阵需求分类具体要求技术挑战点内容粘贴Word/微信公众号图文粘贴含图片自动上传IE8下Clipboard API兼容性、微信公众号反爬策略文档导入Word/Excel/PPT/PDF解析保留样式公式龙芯架构下Office二进制解析性能信创适配支持6类国产OS3类CPU架构银河麒麟缺少动态链接库、龙芯MIPS指令集兼容安全要求图片二进制存储、政府公文GB2312字体渲染信创环境下字体版权问题、华为OBS跨域加密传输2. 现成方案对比方案优点缺点信创适配性成本估算金山WPS云服务原生兼容Vue2功能强大全栈适配80万(年付)永中Office原生兼容Vue2功能强大全栈适配59万(年付)腾讯文档原生兼容Vue2功能强大全栈适配60万(年付)钉钉文档原生兼容Vue2功能强大全栈适配60万(年付)飞书原生兼容Vue2功能强大全栈适配59万(年付)石墨文档原生兼容Vue2功能强大全栈适配50万(年付)CKEditor官方插件原生兼容Vue2不支持Excel/PPT导入仅x86/arm35万(年付)WebOffice SDK完美保留Office样式依赖Windows ActiveXIE8兼容困难不适用国产CPU80万/年自研方案完全可控开发周期6-8周全栈适配58万(买断)WordPaster完全开源(下载源码)功能全面原生兼容Vue2完全可控开发周期1天全栈适配58万(买断)决策依据选择自研部分开源改造方案基于以下组件二次开发前端CKEditor5 PasteFromOffice插件 mammoth.jsWord解析后端Apache POIOffice解析 pdftotextPDF解析信创层统信UOS编译工具链打包二、核心功能实现代码片段1. 前端Vue2集成方案// src/components/EditorWithImport.vueexportdefault{methods:{initCKEditor(){ClassicEditor.create(this.$refs.editor,{plugins:[PasteFromOffice,DocumentImport],toolbar:[wordImport,wechatPaste],wordImport:{serverUrl:/api/convert/word,ossConfig:{region:cn-south-1,bucket:edu-docs}}}).then(editor{this.editoreditor;editor.on(paste,this.handleWechatPaste);});},asynchandleWechatPaste(event,data){consthtmldata.dataTransfer.getData(text/html);constimagesextractWechatImages(html);// 解析公众号图片constuploadedawaitthis.uploadToOBS(images);replaceTempUrls(html,uploaded);// 替换为华为OBS链接editor.setData(html);}}}2. 后端文件解析SpringBoot// FileConverterController.javaPostMapping(/convert/word)publicResponseEntityconvertWord(RequestParamMultipartFilefile){// 信创环境检测if(SystemUtils.isLoongArch()file.getContentType().contains(ppt)){thrownewUnsupportedOperationException(龙芯暂不支持PPT转换);}ConversionResultresult;if(file.getContentType().contains(word)){resultnewWordParser().parse(file.getInputStream());}elseif(file.getContentType().contains(pdf)){resultnewPDFParser().parse(file.getBytes());}// 处理图片存储result.getImages().forEach(img-{StringossKeydoc/UUID.randomUUID().png;huaweiOBSUtil.upload(ossKey,img.getBytes(),true);// 启用客户端加密});returnResponseEntity.ok(result.toHtml());}3. 信创环境编译脚本示例龙芯MIPS# 在统信UOS龙芯版编译Apache POIexportJAVA_HOME/opt/loongson/jdk-11exportCCloongarch64-linux-gnu-gcc -mabilp64d./configure --hostloongarch64-linux-gnumakeJNI_NATIVE_LIBSlibpoi-loongarch64.so三、信创适配关键过程1. 国产化适配清单组件银河麒麟解决方案龙芯LoongArch解决方案字体渲染预装中标楷体GB2312使用开源思源字体模拟PDF解析统信商店安装wps-libs源码编译xpdf-4.04Office解析金仓数据库JDBC驱动定制修改POI的字节码处理逻辑2. IE8兼容方案// 使用document.selection模拟Clipboard APIfunctiongetIE8Clipboard(){if(window.clipboardData){returnclipboardData.getData(Text);}elseif(document.selection){constrangedocument.selection.createRange();returnrange.htmlText;}}四、商务合作与风险管理1. 供应商资质验证已收集5家候选厂商材料示例1. **北京XX科技** - 合同案例国家税务总局金税三期项目 - 信创认证银河麒麟/KOS双认证 - 著作权编号2023SR1234567 - 转账凭证2023年6月工行尾号3345转账120万元2. 价格谈判策略买断制报价对比厂商初始报价谈判目标价附加条件A公司68万55万免费适配龙芯新架构B公司75万58万包含5年维保3. 法律风险防控合同特别条款第七条 价格锁定本合同约定的买断价格适用于甲方及关联公司所有项目 乙方不得以任何理由包括但不限于功能升级、信创适配要求追加费用五、实施路线图第1-2周完成CKEditor插件原型开发优先Word粘贴功能第3周华为OBS图片上传模块联调第4周银河麒麟/统信UOS测试环境搭建第5-6周龙芯架构性能优化目标20MB文档解析3秒第7周IE8兼容性测试政府公文样式验证后续重点联系工信部电子标准院做信创软著联合认证测试WPS Linux版与解析模块的兼容性技术负责人签字张XX集团信息化部总监日期2023年XX月XX日注完整代码包及测试报告已同步至集团GitLab仓库复制插件目录引入插件文件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转换成图片上传到服务器中。上传网络图片下载示例点击下载完整示例