2023年XX月XX日 | 企业级编辑器插件选型与开发日志一、需求背景与市场调研1.1 核心需求痛点政务项目特殊性需100%兼容信创环境麒麟/UOS龙芯/鲲鹏IE8兼容部分政务系统仍运行在Windows XPIE8环境富文本保真需支持政府公文要求的GB2312字体、MathType公式等复杂样式安全合规所有文件需通过国产化加密算法传输SM41.2 厂商评估结果厂商信创认证IE8支持买断报价央企案例Microsoft 365齐全不支持¥398~498/人/年国务院某部委WPS 365齐全不支持¥199~599/人/年国务院某部委永中Office齐全不支持¥199~599/人/年国务院某部委腾讯文档齐全不支持¥200~600/人/年国务院某部委钉钉文档齐全不支持¥200~600/人/年国务院某部委飞书齐全不支持¥200~600/人/年国务院某部委石墨齐全不支持¥200~600/人/年国务院某部委厂商A齐全支持¥85万国务院某部委厂商B缺龙芯不支持¥45万某省政务云厂商C齐全支持¥58万3家副省级政府决策选择厂商C满足预算与技术红线附赠源代码托管服务。二、技术实施方案2.1 架构设计HTTPSM4加密JDBCUEditor插件SpringBoot代理层华为云OBSMySQL集群信创存储服务器2.2 关键代码实现前端插件核心逻辑Vue2适配版// ueditor-word-plugin.jsUE.registerUI(wordpaste,function(editor){// 创建按钮varbtnnewUE.UI.Button({name:wordpaste,title:公文粘贴,onclick:function(){// 监听粘贴事件editor.addListener(paste,function(type,clipboardData){if(clipboardData.files.length0){// 调用华为云OBS上传接口uploadToHuaweiOBS(clipboardData.files[0]).then(url{editor.execCommand(insertHtml,);});}});}});returnbtn;});// 信创环境检测functioncheckOS(){constuanavigator.userAgent;if(ua.indexOf(Kylin)!-1)returnkylin;if(ua.indexOf(Loongson)!-1)returnloongarch;}后端文件处理SpringBoot 华为云OBS SDKRestControllerRequestMapping(/api/upload)publicclassGovFileController{PostMapping(/word)publicResponseEntityhandleWordUpload(RequestParam(file)MultipartFilefile,RequestHeader(X-SM4-Key)Stringsm4Key){// 国密算法解密SM4Utilsm4newSM4Util(sm4Key);byte[]decryptedsm4.decrypt(file.getBytes());// 存储到华为云OBSObsClientobsnewObsClient(AK,SK,https://obs.cn-east-3.myhuaweicloud.com);StringobjectKeygov/UUID.randomUUID().docx;obs.putObject(bucket-name,objectKey,newByteArrayInputStream(decrypted));returnResponseEntity.ok(Map.of(url,https://obs.example.com/objectKey,signature,SM3Util.hash(file.getOriginalFilename())));}}三、信创适配专项3.1 国产化测试矩阵环境测试结果银河麒麟v10 龙芯公式渲染异常统信UOS 飞腾字体缺失IE8 Windows XP插件加载超时解决方案针对龙芯环境增加WASM版公式渲染器预装GB2312字体包到系统镜像IE8采用ActiveX降级方案四、商务与交付4.1 合同关键条款授权模式¥88万买断含源代码及五年维护罚则若信创适配不达标赔付合同金额200%交付物通过等保2.0三级测评报告中央政府采购网入围证书国资委某局项目验收单4.2 实施里程碑第1周完成UEditor插件内核开发第3周通过鲲鹏920兼容性认证第6周在XX省政务云完成部署五、风险预警龙芯性能瓶颈实测在LoongArch架构下100页Word解析耗时较x86长3倍字体版权风险需单独采购方正GB2312字体商业授权IE8内存泄漏需每30分钟强制刷新编辑器实例应对措施建立专项技术保障基金预算¥15万。注以上代码需配合厂商提供的SDK使用敏感信息已脱敏处理复制插件目录引入插件文件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转换成图片上传到服务器中。上传网络图片下载示例点击下载完整示例