政务CMS如何用CKEditor实现PDF表单公式到Word的映射？
军工集团项目技术日志 - 信创环境下的富文本内容迁移解决方案
2023年X月X日 于长沙研发中心
一、需求背景与痛点分析
近期承接某部委涉密项目时，客户反馈现有CMS系统存在以下问题：
- 政务公文迁移效率低下：需手动调整Word文档格式，单份红头文件平均耗时47分钟
- 国产化兼容风险：现有CKEditor插件在银河麒麟系统上出现公式渲染异常
- 安全审计要求：需满足《党政机关电子公文系统安全规范》GB/T 33481-2016要求
二、技术选型评估
候选方案对比
| 方案 | 信创适配性 | 二次开发成本 | 政府采购合规性 | 报价范围 |
|---|---|---|---|---|
| 永中Office云插件 | 仅支持x86架构 | 高 | 无央企合作案例 | 25万/年 |
| PageOffice | 仅支持x86架构 | 中 | 有副省级城市案例 | 98万买断 |
| 定制开发方案 | 全架构覆盖 | 低 | 符合军品采购标准 | 45-58万 |
| WordPaster | 全架构覆盖 | 低 | 符合军品采购标准 | 45-58万 |
最终选择WordPaster源码版方案，核心考虑因素：
- 基于CKEditor 4.20.1的PasteFromOffice插件进行深度魔改
- 集成TinyMCE的PowerPaste模块处理复杂样式
- 采用华为云OBS SDK实现安全存储
三、关键技术实现
1. 信创环境文件解析引擎
// WordParserEngine.javapublicinterfaceWordParserEngine{// 多架构适配层Stringparse(StringfilePath,Stringcharset)throwsDocumentParseException;}@Profile("loongarch")@ComponentpublicclassLoongsonWordParserimplementsWordParserEngine{// 龙芯专用文档解析器@OverridepublicStringparse(StringfilePath,Stringcharset){Processprocess=Runtime.getRuntime().exec("/opt/loongnix/office/bin/wps2html "+filePath);// 处理WPS Linux专版输出...}}@Profile("x86")@ComponentpublicclassX86WordParserimplementsWordParserEngine{// 使用Apache POI + JCodings处理GB2312}2. 前端安全粘贴方案
// pasteHandler.jsfunctionhandleWordPaste(event){constitems=(event.clipboardData||window.clipboardData).items;// 检测MS Office特征if(items[0].type==="application/x-rtf"){constparser=newDOMParser();constdoc=parser.parseFromString(event.clipboardData.getData("Text"),"text/html");// 样式清洗（保留政务公文要素）sanitizeStyles(doc,{allowedFonts:["仿宋_GB2312","方正小标宋_GBK"],keepTables:true,formulaHandler:convertOMMLtoMathML// 处理Office公式});// 图片上传队列uploadImages(doc.querySelectorAll("img")).then(()=>{editor.insertHtml(doc.body.innerHTML);});}}3. 华为云OBS安全上传
// ObsUploadService.javapublicclassObsUploadService{@Value("${obs.endpoint}")privateStringendpoint;@PostConstructpublicvoidinit(){// 国密SM4加密传输ObsConfigurationconfig=newObsConfiguration();config.setSocketTimeout(30000);config.setSignatureProvider(newSM4SignatureProvider());}publicStringupload(MultipartFilefile){ObsClientclient=newObsClient(accessKey,secretKey,endpoint);PutObjectRequestrequest=newPutObjectRequest("secure-bucket",UUID.randomUUID()+getFileExt(file.getOriginalFilename()),file.getInputStream());// 设置政务文件标签request.setMetadata(Collections.singletonMap("security-level","confidential"));client.putObject(request);}}四、信创环境测试报告
| 测试项目 | 中标麒麟V7 | 银河麒麟V10 | 统信UOS 20 |
|---|---|---|---|
| Word 2016样式保留 | 98.2% | 97.5% | 99.1% |
| 公式转换准确率 | 89% | 91% | 95% |
| 10MB文档处理耗时 | 2.3s | 1.8s | 1.5s |
特殊问题处理：
- 龙芯平台WPS表格边框线转换异常 → 采用CSS3 box-shadow模拟
- 飞腾ARM架构下字体渲染偏差 → 预装党政机关专用字体包
五、商务实施关键点
- 授权模式：一次性买断58万含5年维保（合同条款注明）
- 资质要求：
- 提供与某航天研究院的合作协议（脱敏版）
- 附华为云鲲鹏兼容性认证证书
- 交付物清单：
- 国产化适配测试报告（CNAS认证实验室出具）
- 源代码托管至集团GitLab军品仓库
六、项目里程碑
- 第3周：完成在统信UOS+飞腾FT-2000平台的首次公文迁移
- 第6周：通过军委装备发展部信息系统局的安全检测
- 第9周：在湖南省电子政务外网完成全省部署培训
后记：今日收到集团财务部通知，该方案已纳入《军工行业电子公文处理系统建设指南（2023版）》推荐技术路线。突然意识到，这已不仅是技术问题，更是关乎国家安全的信息化基建。明日需赴北京参加党政机关办公软件标准化工作会议，该带哪台符合保密要求的笔记本又成了新问题…
复制插件
说明：此教程以CKEditor4.x为例，使用其他编辑器的查看对应教程。
将下列文件夹复制到项目中
/WordPaster
/ckeditor/plugins/imagepaster
/ckeditor/plugins/netpaster
/ckeditor/plugins/pptpaster
/ckeditor/plugins/pdfimport
上传插件
上传插件文件夹
将imagepaster,netpaster文件夹上传到现有项目ckeditor/plugins目录中
在工具栏中增加插件按钮
CKEDITOR.config.extraPlugins='zycapture,imagepaster,importwordtoimg,netpaster,wordimport,excelimport,pptimport,pdfimport,importword,exportword,importpdf';引用js
初始化控件
WordPaster.getInstance({//上传接口：http://www.ncmem.com/doc/view.aspx?id=d88b60a2b0204af1ba62fa66288203edPostUrl:api,//为图片地址增加域名：http://www.ncmem.com/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936ImageUrl:"",//设置文件字段名称：http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45FileFieldName:"file",//提取图片地址：http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1ImageMatch:'',Cookie:'PHPSESSID='});//加载控件配置上传接口
WordPaster.getInstance({//上传接口：http://www.ncmem.com/doc/view.aspx?id=d88b60a2b0204af1ba62fa66288203edPostUrl:api,//为图片地址增加域名：http://www.ncmem.com/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936ImageUrl:"",//设置文件字段名称：http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45FileFieldName:"file",//提取图片地址：http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1ImageMatch:'',Cookie:'<%=clientCookie%>',event:{dataReady:function(e){//e.word,//e.imgs:tag1,tag2,tag3console.log(e.imgs)}}});//加载控件注意
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转换成图片上传到服务器中。
上传网络图片
一键自动上传网络图片，自动下载远程服务器图片，自动上传远程服务器图片
下载示例
点击下载完整示例