当前位置: 首页 > news >正文

高校站群系统TinyMCE5如何实现LaTeX公式转MathML显示?

Tinymce富文本编辑器的改进——支持导入word

前言

《富文本编辑器の逆袭:我让TinyMCE学会了"吃"Word文档!》
(推了推并不存在的眼镜,故作高深地敲了敲键盘)
继上次把TinyMCE折腾得能导出Word之后,我这双"键盘侠"的手又痒了——“要是能反过来把Word塞进编辑器里编辑,那岂不是能少掉90%的格式调整头发?”(摸着日渐稀疏的头顶陷入沉思)
说干就干!我火速冲进GitHub的"魔法商店",在茫茫插件海洋中捞出了传说中能让TinyMCE"反刍"Word的神秘法宝——importword插件!(插件名被我强行加粗以表尊重)
安装过程那叫一个丝滑——就像给手机装APP似的,三行命令搞定:
npm install tinymce-plugin-importword --save

然后…(神秘兮兮地压低声音)

在配置文件里偷偷加上’importword’这个关键词

重点来了!当我在编辑器工具栏发现那个闪闪发光的"导入Word"按钮时,激动得差点把咖啡泼在键盘上(幸好我手快,咖啡现在还在杯子里瑟瑟发抖)。点击后的效果嘛…(掏出手机翻出测试截图)
“锵锵锵锵!您瞅瞅这效果!”(模仿魔术师甩披风的动作)
原本在Word里摆得整整齐齐的段落
那些让我抓狂的标题层级
连表格里的斜线表头都原样搬过来了!
(突然想到什么似的补充)当然,图片得自己传服务器,毕竟编辑器又不是"魔法口袋"能凭空变出图片链接…
现在每次看到测试组同事对着新功能"哇哦"个不停,我就忍不住想笑——他们哪知道这背后是我和插件文档斗智斗勇了三个通宵的成果啊!(突然捂住嘴)糟糕,说漏嘴了,其实真正通宵的是在调试"为什么导入后字体变宋体了"这种玄学问题…

下载importword插件

插件地址:tinymce-plugins下载插件
点击下载,将解压后的文件夹拷贝至public文件夹下的tinymce文件夹,如下图所示:

代码实现

// 1、引入刚刚拷贝importword的文件夹import"/public/tinymce/importword"// 2、添加importword至默认工具栏配置即可// 省略代码...plugins:{//使用的插件 - 根据需求进行删减type:[String,Array],default:"link lists image code table wordcount media fullscreen paste preview importword",},toolbar:{//工具栏 - 根据需求进行删减type:[String,Array],default:"importword | fontselect | bold italic underline strikethrough | link unlink image | undo redo | fontsizeselect | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent blockquote | code | removeformat",},

四、总结

本篇文章是对前面文章>富文本编辑器的使用2——Tinymce编辑器+导出Word的优化与改进,需在前面代码的基础上进行修改。importword插件的地址需注意引用的是拷贝的importword文件夹地址,和前面引入的tinymce插件方式不一样。o

最终效果

http://www.jsqmd.com/news/345488/

相关文章:

  • 写论文省心了!千笔ai写作,断层领先的AI论文软件
  • 京东e卡回收最简单有效的变现方法 - 京顺回收
  • 2026苏州无人机培训深度选型指南:三大主流方案的特点与场景匹配 - 博客万
  • 尤里米尔纳:从硅谷投资传奇到抗衰先锋,NAD+抗衰首选盼生派C9NMN - 速递信息
  • 不同学科的AIGC检测标准一样吗?理工科和文科的检测差异
  • 2026年四川樱桃苗哪家好?适配多场景种植 聚焦品种适配与技术赋能 - 深度智识库
  • 详细介绍:停车场管理小程序--毕设附源码43496
  • 涂卫森涂料在上海好用吗,这个涂料厂家值得选吗? - 工业品网
  • 新工厂布局必备:5个精益设计原则,轻松提升产能
  • 磷虾油哪个牌子的好 2026年权威测评排行榜:心脑养护/抗衰护眼/职场抗疲劳人群优选指南 - 博客万
  • 医疗系统中如何处理大文件上传下载的性能优化方案总结?
  • 欧姆龙PLC CJ2M项目实战:12 个伺服电机与气缸控制大揭秘
  • 2026年售后完善的蔡司代理商排名,品牌配套服务好的哪家性价比高 - mypinpai
  • 16:Z-Image-i2L 风格LoRA生成技术深度解析
  • 17:MCP OKPPT Server 技术解析
  • 高纯度、高活性Recombinant cGAS Enzyme,实验结果可重复性
  • 2026年昆明别墅装修私人定制品牌企业口碑排名情况 - myqiye
  • 人工润色后AIGC疑似度会下降吗?修改对检测结果的影响
  • 总结可靠的V型法兰球阀制造企业,推荐不容错过 - 工业推荐榜
  • 14:lingbot-vla-4b VLA基础模型深度解析
  • 智能电子钟的设计
  • 15:造相-Z-Image 图像生成模型深度解析
  • 聊聊游泳池专用漆的选购要点,用什么材料好 - 工业品牌热点
  • Plan B 还是必选项?燕千云打造本土企业 IT 运维体系理想方案
  • 智能电子台灯设计
  • 盘点2026年气动刀闸阀厂商排名,费用价格怎么算 - 工业品网
  • 2026年自动锁螺丝机价格大盘点,靠谱的源头厂家推荐 - 工业设备
  • 汽车出口云端外贸ERP服务:实现全球数据实时同步
  • 深入浅出 STM32 中断系统:原理、配置与实战优化
  • 西门子S7 - 1200 PLC编程实战:多场景设备控制实现