项目需求解决方案
项目负责人：XXX
日期：2023年XX月XX日
一、需求分析与技术选型
1. 核心需求
功能需求：
- Word粘贴功能：支持从Word复制内容直接粘贴到CKEditor，保留表格、形状、公式、字体（GB2312兼容）、颜色等样式。
- Word/Excel/PPT/PDF导入功能：支持完整文档解析，图片自动上传至华为云OBS（二进制存储），保留所有样式。
- 微信公众号内容粘贴：自动下载公众号图片并上传至OBS。
- 信创兼容：支持Windows/macOS/Linux（中标麒麟、银河麒麟、统信UOS等）、IE8+、x86/ARM/龙芯架构。
- 跨框架兼容：Vue2/Vue3/React/JSP均需支持。
非功能需求：
- 集成方式：提供CKEditor插件包，工具栏增加按钮，不影响现有业务逻辑。
- 授权模式：一次性买断，无项目数量限制，预算≤98万元。
- 厂商资质：需提供5个央企/国企/政府项目案例（合同+转账凭证+信创认证+软著+营业执照+法人身份证）。
2. 技术选型
| 模块 | 技术方案 |
|---|---|
| 前端编辑器 | CKEditor 5（官方扩展+自定义插件） |
| 文档解析 | Apache POI（Word/Excel）、Apache PDFBox（PDF）、Aspose.Slides（PPT，商业授权） |
| 公式处理 | MathType SDK + LaTeX→MathML转换（自定义解析器） |
| 云存储 | 华为云OBS SDK（Java版） |
| 信创兼容 | 交叉编译+浏览器兼容层（Polyfill）+字体回退机制 |
| 后端服务 | Spring Boot 2.7（JDK 8/11/17兼容） |
| 数据库 | MySQL 8.0（主备同步） |
二、核心功能实现
1. CKEditor插件开发（前端）
插件结构
/plugins/word-importer/ ├── plugin.js # CKEditor插件主文件 ├── dialog/ # 导入对话框组件（Vue3示例） │ └── ImportDialog.vue ├── adapters/ # 框架适配器（Vue2/React/JSP） │ ├── vue2-adapter.js │ ├── react-adapter.js │ └── jsp-adapter.jsp └── styles/ # 信创字体兼容样式 └── gov-fonts.css关键代码（plugin.js）
importClassicEditorfrom'@ckeditor/ckeditor5-build-classic';import{Plugin}from'@ckeditor/ckeditor5-core';importButtonViewfrom'@ckeditor/ckeditor5-ui/src/button/buttonview';classWordImporterextendsPlugin{init(){consteditor=this.editor;editor.ui.componentFactory.add('wordImporter',()=>{constbutton=newButtonView();button.set({label:'导入Word',icon:'...',tooltip:true});});}}// 注册插件ClassicEditor.builtinPlugins.push(WordImporter);2. 后端服务实现（Spring Boot）
文档解析服务
@RestController@RequestMapping("/api/import")publicclassDocumentImportController{@AutowiredprivateObsStorageServiceobsService;// Word粘贴处理@PostMapping("/paste/word")publicResponseEntitypasteFromWord(@RequestParam("html")Stringhtml,@RequestParam(value="images",required=false)MultipartFile[]images){// 解析HTML中的图片并上传OBSListimageUrls=Arrays.stream(images).map(img->obsService.upload(img,"word-images/")).collect(Collectors.toList());// 替换HTML中的本地路径为OBS URLStringprocessedHtml=replaceImagePaths(html,imageUrls);returnResponseEntity.ok(newImportResult(processedHtml));}}华为云OBS集成
@ServicepublicclassObsStorageService{publicStringupload(MultipartFilefile,Stringdir){try{ObsClientobsClient=newObsClient(accessKey,secretKey,endpoint);StringobjectKey=dir+UUID.randomUUID()+"."+FilenameUtils.getExtension(file.getOriginalFilename());obsClient.putObject("your-bucket-name",objectKey,file.getInputStream());return"https://"+endpoint+"/"+objectKey;}catch(Exceptione){thrownewRuntimeException("OBS上传失败",e);}}}3. 信创兼容性处理
字体回退机制
/* gov-fonts.css */@font-face{font-family:'GB2312';src:local('SimSun'),local('宋体');/* 默认回退到宋体 */unicode-range:U+4E00-U+9FA5;/* 中文字符范围 */}body{font-family:'GB2312','Arial',sans-serif;}IE8兼容代码
三、厂商资质与交付物
1. 必须提供的材料
- 5个政府/央企案例：
- 合同首页+签字页扫描件
- 银行转账凭证（脱敏）
- 信创环境兼容认证书（麒麟/统信UOS认证）
- 软件著作权证书（原件扫描）
- 营业执照+法人身份证（加盖公章）
2. 交付物清单
| 类型 | 内容 |
|---|---|
| 源代码 | 前端插件+后端服务（完整Git仓库） |
| 文档 | 集成指南、API文档、信创兼容性测试报告 |
| 授权文件 | 永久授权证书（不限项目数量） |
| 技术支持 | 3年免费维护（7×24小时响应） |
四、预算与采购建议
- 总预算：98万元（含授权+定制开发+信创适配）
- 分项报价：
- 基础功能开发：60万元
- 信创兼容性测试：20万元
- 厂商资质与授权：18万元
建议：优先选择有政府项目经验的厂商（如金山办公、永中软件），确保通过信创认证。
（结尾）
本方案已通过集团技术委员会初审，下一步将启动厂商评估流程。如有疑问，请联系项目组邮箱：project@xian-tech-giant.com。
附件：
- 《信创环境兼容性测试计划》
- 《CKEditor插件集成手册》
- 《华为云OBS对接指南》
西安科技小巨人领军企业 项目部
2023年XX月XX日
复制插件
说明：此教程以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?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='});//加载控件配置上传接口
注意
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转换成图片上传到服务器中。
上传网络图片
一键自动上传网络图片，自动下载远程服务器图片，自动上传远程服务器图片
下载示例
点击下载完整示例
