怎么做网站推广多少钱上饶哪有做网站的公司?

怎么做网站推广多少钱,上饶哪有做网站的公司?,做网站带微好吗,如何有效的进行网站策划集团 Word 导入产品项目纪实#xff1a;从寻觅到落地 作为集团旗下软件子公司的项目负责人#xff0c;我深知此次任务的艰巨性和重要性。集团业务广泛#xff0c;旗下多个子公司覆盖教育、政府、银行等关键行业。集团提出需求#xff0c;要开发一个 Word 导入产品#xf…集团 Word 导入产品项目纪实从寻觅到落地作为集团旗下软件子公司的项目负责人我深知此次任务的艰巨性和重要性。集团业务广泛旗下多个子公司覆盖教育、政府、银行等关键行业。集团提出需求要开发一个 Word 导入产品不仅要实现 Word 图片自动导入并完美保留文档样式还需与现有的 TinyMCE 编辑器和 SpringBoot 后端框架无缝集成同时全面支持信创国产化软硬件环境。而且产品必须完全开源并提供 7*24 小时在线技术支持服务以确保集团业务的稳定运行和客户的高满意度。寻觅开源“明珠”多渠道探索与评估开源社区“淘宝”接到任务后我迅速组织了跨部门的专业团队包括前端开发、后端开发、测试工程师以及对信创环境有深入了解的技术专家。我们首先将目光投向了开源社区这里是技术创新和资源共享的宝藏之地。在 GitHub、Gitee 等主流开源平台上我们以“Word 导入”“图片处理”“TinyMCE 集成”“SpringBoot 兼容”“信创适配”等关键词进行组合搜索瞬间得到了海量的项目信息。然而面对这纷繁复杂的结果我们如同置身迷宫需要仔细甄别每个项目的可行性和适用性。许多项目虽然声称支持 Word 导入但对图片自动导入的支持并不完善。有的需要手动干预图片的插入位置和大小有的则在导入过程中图片会出现丢失或变形的情况。还有一些项目虽然能与 TinyMCE 或 SpringBoot 进行一定程度的集成但兼容性存在问题经常出现各种错误和异常。聚焦适配信创的项目考虑到集团对信创国产化软硬件环境的要求我们特别关注那些已经进行或计划进行信创适配的项目。在与一些开源项目团队交流后发现部分项目虽然有信创适配的计划但还处于早期阶段缺乏实际的应用案例和测试数据风险较大。而另一些项目虽然已经完成了部分信创适配工作但对 TinyMCE 和 SpringBoot 的支持并不理想需要进行大量的二次开发。发现“潜力之星”经过数周的艰苦搜索和反复评估我们终于发现了一个名为“OpenDocImporter”的开源项目。该项目完全开源代码结构清晰文档详细对 Word 图片自动导入有专门优化能够准确识别和导入各种格式的图片并保持其在原文档中的位置和大小。在文档样式保留方面它采用了先进的解析和渲染技术能够高度还原 Word 文档的字体、字号、颜色、段落格式等样式。更让我们惊喜的是项目团队对信创环境有着深入的研究和丰富的适配经验。他们已经与多家国产软硬件厂商进行了合作对主流的国产操作系统、数据库和中间件进行了全面适配并提供了详细的适配指南和技术支持。虽然项目官方没有明确承诺 7*24 小时在线技术支持服务但社区活跃度高开发者们经常在论坛上交流问题响应速度较快这让我们看到了一丝希望。开发之路协同攻坚破难题环境搭建与初步集成确定了“OpenDocImporter”作为基础框架后我们立即开始了开发环境的搭建工作。由于要支持信创国产化软硬件环境我们选择了国产的操作系统、数据库和中间件。在安装和配置过程中遇到了不少兼容性问题。例如某些开发工具在国产操作系统上无法正常运行需要寻找替代方案或进行二次开发。同时将“OpenDocImporter”与现有的 TinyMCE 编辑器和 SpringBoot 后端框架进行集成也并非易事。前端团队需要深入研究 TinyMCE 的 API 和插件开发规范按照要求对“OpenDocImporter”的前端接口进行调整确保两者能够无缝对接。后端团队则需要将“OpenDocImporter”的服务接口与 SpringBoot 框架进行整合实现数据的交互和业务的逻辑处理。经过团队成员的共同努力我们成功搭建起了符合要求的开发环境并完成了项目的初步集成。功能优化与定制开发图片处理优化虽然“OpenDocImporter”对图片导入有一定的支持但在实际测试中发现对于一些复杂的图片格式和排版导入效果并不理想。我们组织了专门的技术研讨会邀请了图像处理领域的专家进行指导。通过深入研究 Word 文档的二进制结构和图像处理算法我们对“OpenDocImporter”的图片处理模块进行了优化。增加了图片格式识别和转换功能能够自动识别 Word 文档中的各种图片格式并将其转换为适合在网页中显示的格式。同时优化了图片在 TinyMCE 编辑器中的定位算法确保图片能够准确插入到原文档对应的位置并且保持合适的大小和比例。样式保留强化为了更好地保留 Word 文档样式我们对“OpenDocImporter”的样式解析和渲染部分进行了细致的调整。与集团内部不同行业的业务人员沟通了解他们对文档样式的具体需求针对性地优化了字体、字号、颜色、段落格式等样式的保留效果。例如对于教育行业的文档重点优化了标题、正文、列表等常见样式的保留对于政府和银行行业的文档则更加注重公章、水印等特殊样式的处理。经过多次测试和迭代最终实现了 Word 文档样式的高度还原。信创环境深度适配信创环境适配是本次开发的重中之重。我们与国产软硬件厂商建立了紧密的合作关系获取了最新的技术文档和开发工具。在开发过程中我们遇到了许多兼容性问题例如某些国产操作系统对 JavaScript 的支持不够完善导致项目中的部分功能无法正常运行某些国产数据库的 SQL 语法与标准语法存在差异影响了数据的存储和查询。面对这些问题我们的技术团队没有退缩而是迎难而上。他们深入研究国产软硬件的技术特点对项目代码进行了针对性的修改和优化。经过无数个日夜的努力我们终于成功解决了所有兼容性问题确保项目能够在各种信创环境下稳定运行。测试与质量保障在开发过程中测试是确保产品质量的关键环节。我们制定了严格的测试计划包括单元测试、集成测试、系统测试和用户验收测试等多个阶段。测试团队使用了大量的真实 Word 文档进行测试涵盖了不同行业、不同格式、不同复杂度的文档以确保项目在各种情况下都能够正常工作。在测试过程中我们发现了一些潜在的问题例如在某些特殊情况下图片导入会出现错位现象文档样式在某些极端情况下会出现轻微变形。针对这些问题我们及时反馈给开发团队开发团队迅速进行了修复和优化。经过多轮测试和优化项目的质量得到了显著提升达到了集团的要求。成果与展望经过数月的艰苦努力我们终于成功完成了 Word 导入产品的开发工作。该产品完全开源基于“OpenDocImporter”进行了深度定制和优化实现了 Word 图片自动导入和样式完美保留的功能并且与现有的 TinyMCE 编辑器和 SpringBoot 后端框架无缝集成全面支持信创国产化软硬件环境。虽然项目官方没有提供 7*24 小时在线技术支持服务但我们通过建立专门的技术支持团队和完善的售后服务体系为用户提供了及时、高效的技术支持。目前该产品已经在集团内部进行了试点应用得到了用户的一致好评。未来我们将继续关注集团的业务需求和技术发展趋势不断对产品进行升级和优化为集团的发展提供更加有力的技术支持。同时我们也希望能够将该产品推广到更多的企业和机构为推动信创产业的发展贡献自己的一份力量。复制插件安装jquerynpm install jquery在组件中引入// 引入tinymce-vueimportEditorfromtinymce/tinymce-vueimport{WordPaster}from../../static/WordPaster/js/wimport{zyOffice}from../../static/zyOffice/js/oimport{zyCapture}from../../static/zyCapture/z添加工具栏//添加导入excel工具栏按钮(function(){use strict;varglobaltinymce.util.Tools.resolve(tinymce.PluginManager);functionselectLocalImages(editor){WordPaster.getInstance().SetEditor(editor).importExcel()}varregister$1function(editor){editor.ui.registry.addButton(excelimport,{text:,tooltip:导入Excel文档,onAction:function(){selectLocalImages(editor)}});editor.ui.registry.addMenuItem(excelimport,{text:,tooltip:导入Excel文档,onAction:function(){selectLocalImages(editor)}});};varButtons{register:register$1};functionPlugin(){global.add(excelimport,function(editor){Buttons.register(editor);});}Plugin();}());//添加word转图片工具栏按钮(function(){use strict;varglobaltinymce.util.Tools.resolve(tinymce.PluginManager);functionselectLocalImages(editor){WordPaster.getInstance().SetEditor(editor);WordPaster.getInstance().importWordToImg()}varregister$1function(editor){editor.ui.registry.addButton(importwordtoimg,{text:,tooltip:Word转图片,onAction:function(){selectLocalImages(editor)}});editor.ui.registry.addMenuItem(importwordtoimg,{text:,tooltip:Word转图片,onAction:function(){selectLocalImages(editor)}});};varButtons{register:register$1};functionPlugin(){global.add(importwordtoimg,function(editor){Buttons.register(editor);});}Plugin();}());//添加粘贴网络图片工具栏按钮(function(){use strict;varglobaltinymce.util.Tools.resolve(tinymce.PluginManager);functionselectLocalImages(editor){WordPaster.getInstance().SetEditor(editor);WordPaster.getInstance().UploadNetImg()}varregister$1function(editor){editor.ui.registry.addButton(netpaster,{text:,tooltip:网络图片一键上传,onAction:function(){selectLocalImages(editor)}});editor.ui.registry.addMenuItem(netpaster,{text:,tooltip:网络图片一键上传,onAction:function(){selectLocalImages(editor)}});};varButtons{register:register$1};functionPlugin(){global.add(netpaster,function(editor){Buttons.register(editor);});}Plugin();}());//添加导入PDF按钮(function(){use strict;varglobaltinymce.util.Tools.resolve(tinymce.PluginManager);functionselectLocalImages(editor){WordPaster.getInstance().SetEditor(editor);WordPaster.getInstance().ImportPDF()}varregister$1function(editor){editor.ui.registry.addButton(pdfimport,{text:,tooltip:导入pdf文档,onAction:function(){selectLocalImages(editor)}});editor.ui.registry.addMenuItem(pdfimport,{text:,tooltip:导入pdf文档,onAction:function(){selectLocalImages(editor)}});};varButtons{register:register$1};functionPlugin(){global.add(pdfimport,function(editor){Buttons.register(editor);});}Plugin();}());//添加导入PPT按钮(function(){use strict;varglobaltinymce.util.Tools.resolve(tinymce.PluginManager);functionselectLocalImages(editor){WordPaster.getInstance().SetEditor(editor);WordPaster.getInstance().importPPT()}varregister$1function(editor){editor.ui.registry.addButton(pptimport,{text:,tooltip:导入PowerPoint文档,onAction:function(){selectLocalImages(editor)}});editor.ui.registry.addMenuItem(pptimport,{text:,tooltip:导入PowerPoint文档,onAction:function(){selectLocalImages(editor)}});};varButtons{register:register$1};functionPlugin(){global.add(pptimport,function(editor){Buttons.register(editor);});}Plugin();}());//添加导入WORD按钮(function(){use strict;varglobaltinymce.util.Tools.resolve(tinymce.PluginManager);functionselectLocalImages(editor){WordPaster.getInstance().SetEditor(editor).importWord()}varregister$1function(editor){editor.ui.registry.addButton(wordimport,{text:,tooltip:导入Word文档,onAction:function(){selectLocalImages(editor)}});editor.ui.registry.addMenuItem(wordimport,{text:,tooltip:导入Word文档,onAction:function(){selectLocalImages(editor)}});};varButtons{register:register$1};functionPlugin(){global.add(wordimport,function(editor){Buttons.register(editor);});}Plugin();}());//添加WORD粘贴按钮(function(){use strict;varglobaltinymce.util.Tools.resolve(tinymce.PluginManager);varicohttp://localhost:8080/static/WordPaster/plugin/word.pngfunctionselectLocalImages(editor){WordPaster.getInstance().SetEditor(editor).PasteManual()}varregister$1function(editor){editor.ui.registry.addButton(wordpaster,{text:,tooltip:Word一键粘贴,onAction:function(){selectLocalImages(editor)}});editor.ui.registry.addMenuItem(wordpaster,{text:,tooltip:Word一键粘贴,onAction:function(){selectLocalImages(editor)}});};varButtons{register:register$1};functionPlugin(){global.add(wordpaster,function(editor){Buttons.register(editor);});}Plugin();}());在线代码添加插件// 插件plugins:{type:[String,Array],// default: advlist anchor autolink autosave code codesample colorpicker colorpicker contextmenu directionality emoticons fullscreen hr image imagetools importcss insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template textcolor textpattern visualblocks visualcharsdefault:autoresize code autolink autosave image imagetools paste preview table powertables},点击查看在线代码初始化组件// 初始化WordPaster.getInstance({// 上传接口http://www.ncmem.com/doc/view.aspx?idd88b60a2b0204af1ba62fa66288203edPostUrl:http://localhost:8891/upload.aspx,// 为图片地址增加域名http://www.ncmem.com/doc/view.aspx?id704cd302ebd346b486adf39cf4553936ImageUrl:http://localhost:8891{url},// 设置文件字段名称http://www.ncmem.com/doc/view.aspx?idc3ad06c2ae31454cb418ceb2b8da7c45FileFieldName:file,// 提取图片地址http://www.ncmem.com/doc/view.aspx?id07e3f323d22d4571ad213441ab8530d1ImageMatch:})在页面中引入组件功能演示编辑器在编辑器中增加功能按钮导入Word文档,支持doc,docx导入Excel文档,支持xls,xlsx粘贴Word一键粘贴Word内容自动上传Word中的图片保留文字样式。Word转图片一键导入Word文件并将Word文件转换成图片上传到服务器中。导入PDF一键导入PDF文件并将PDF转换成图片上传到服务器中。导入PPT一键导入PPT文件并将PPT转换成图片上传到服务器中。上传网络图片一键自动上传网络图片。下载示例点击下载完整示例