news 2026/4/22 12:44:35

汽车制造ERP如何实现Word公式在TinyMCE中的实时编辑?

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
汽车制造ERP如何实现Word公式在TinyMCE中的实时编辑?

tinymce富文本,如何保留从word中粘贴的内容格式(vue2后台项目)

今天办公室里弥漫着一股“岁月静好”的错觉,键盘声稀疏得像老式挂钟的滴答声,同事们或对着屏幕发呆,或偷偷刷着手机,连平日里最爱唠嗑的行政小妹都安静地整理着文件。我端着刚泡好的枸杞茶,美滋滋地往转椅上一靠,心想:“嘿,这难得的清闲时光,正好能把之前积压的Tinymce技术文档啃一啃,说不定还能解锁几个新技能,在下次技术分享会上装个大神呢!”

可这平静就像肥皂泡,“啵”地一下就破了。部门组长风风火火地拎着公文包出门,说是要去客户那儿演示项目,临走还特意拍了拍我的肩膀,那眼神仿佛在说:“小子,给我盯紧了!”他前脚刚跨出公司大门,我手机微信群就“叮”地弹出个@我的小红点,那动静在安静的办公室里格外刺耳,我心里“咯噔”一下,暗叫不好——这平静的湖面算是被投了颗大石头,指定要起波澜了。

点开消息一看,果然是技术群里小王火急火燎甩过来的需求:“大佬,Tinymce富文本粘贴Word内容,格式全乱套了!客户要求必须能直接导入且保留原格式,这可是给政府部门做的项目,格式要求严得跟故宫的城墙似的,一点差错都不能有啊!”我盯着屏幕,脑袋“嗡”地一下就大了。这政府部门的项目,那格式要求,就像古代皇帝的圣旨,字号、字体、行距、缩进,哪个环节出问题,都可能被客户挑刺儿,到时候可就麻烦大了。

我皱着眉头,努力回想之前的项目经历。好像还真遇到过类似的问题,当时大家围在一起,七嘴八舌地讨论了半天,各种方法都试了个遍,可最后效果都不尽如人意。后来这事儿是怎么解决的?我拍了拍脑袋,怎么也想不起来了,只记得当时大家一个个都愁眉苦脸的,像霜打的茄子。

没办法,既然想不起来,那就只能自己动手丰衣足食了。我深吸一口气,打开搜索引擎,输入“Tinymce导入Word保留格式”,眼睛紧紧盯着屏幕,手指在鼠标上不停地点击,就像在茫茫大海里寻找救命稻草一样。经过一番折腾,我发现可以通过安装importword插件来实现。以下是一个在VUE-cli中使用Tinymce并配置importword插件的示例代码:

import Editor from '@tinymce/tinymce-vue'; import 'tinymce/plugins/importword'; // 引入importword插件 export default { components: { Editor }, data() { return { content: '', editorInit: { height: 500, plugins: 'importword', // 启用插件 toolbar: 'importword', // 添加插件按钮到工具栏 // 其他配置项... } }; } };

希望这次能顺利解决问题,不然我这“技术大神”的名号可就要不保啦!

资料搜索

1、通过插入 word 文档
后续核实后,还是不能解决这个问题(不能保留粘贴的格式)。而且还多了操作步骤。
2 使用插件。

问题解决

点击这里查看
后来发现,起始 tinymce 的经典模式,就可以解决这个问题。可以保留从word中粘贴内容的格式。
按照tinymce 的经典模式,效果图。

参考链接

最终效果

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/22 12:41:56

用LVGL官方Demo给你的STM32 TFT屏快速做个UI原型:以Widgets Demo为例

用LVGL官方Demo为STM32 TFT屏构建高效UI原型:Widgets Demo实战指南 在智能家居控制面板或工业HMI设备的开发初期,UI原型验证往往是最耗时的环节之一。传统做法需要从零开始设计按钮、滑块、图表等基础组件,而LVGL(Light and Versa…

作者头像 李华
网站建设 2026/4/22 12:37:19

交错并联图腾柱无桥PFC(一):从拓扑原理到模态分析的深度拆解

1. 交错并联图腾柱无桥PFC拓扑原理详解 第一次接触交错并联图腾柱无桥PFC电路时,我被它精妙的设计所震撼。这种拓扑结构本质上是由两个Boost电路以180相位差并联组成,就像两个配合默契的舞者,通过精确的时序配合实现功率的高效转换。在实际项…

作者头像 李华
网站建设 2026/4/22 12:34:56

LumiPixel Canvas Quest模型安全与内容过滤机制配置指南

LumiPixel Canvas Quest模型安全与内容过滤机制配置指南 1. 为什么需要内容安全过滤 当你把AI图像生成模型部署到公开环境时,最担心的可能就是它会产生不合适的输出。想象一下,如果你的在线服务突然生成了令人不适的内容,不仅会影响用户体验…

作者头像 李华
网站建设 2026/4/22 12:33:23

79万条中文医疗对话数据集:构建智能医疗AI的技术基石

79万条中文医疗对话数据集:构建智能医疗AI的技术基石 【免费下载链接】Chinese-medical-dialogue-data Chinese medical dialogue data 中文医疗对话数据集 项目地址: https://gitcode.com/gh_mirrors/ch/Chinese-medical-dialogue-data 在医疗人工智能快速发…

作者头像 李华
网站建设 2026/4/22 12:33:22

3步掌握暗黑2存档编辑器:轻松修改角色与物品

3步掌握暗黑2存档编辑器:轻松修改角色与物品 【免费下载链接】d2s-editor 项目地址: https://gitcode.com/gh_mirrors/d2/d2s-editor 你是否曾经在暗黑破坏神2中,因为角色属性分配不当而懊恼?是否想尝试不同的装备组合却苦于没有合适…

作者头像 李华