松鼠的博客

导航

2023年9月17日 #

tinymce编辑器导入docx、doc格式Word文档完整版

摘要: 看此文章之前需要注意一点 在前端使用导入Word文档并自动解析成html再插入到tinymce编辑器中,在这里我使用的是mammoth.js识别Word内容,并set到编辑器中,使用mammoth只可解析.docx格式的Word,目前的mammoth不支持.doc格式,后续升级也许会加上解析doc的 阅读全文

posted @ 2023-09-17 18:18 Xproer-松鼠 阅读(685) 评论(0) 推荐(0)

vue项目中的Tinymce富文本编辑器如何从word中粘贴图片上传到七牛云

摘要: Tinymce富文本编辑器粘贴图片时需要上传到自己的空间中才能被打开。 一、首先需要安装引入七牛云 npm install qiniu-js var qiniu = require('qiniu-js')// orimport * as qiniu from 'qiniu-js' 二、同时引入客户端 阅读全文

posted @ 2023-09-17 16:55 Xproer-松鼠 阅读(270) 评论(0) 推荐(0)

TinyMCE富文本编辑器导入word文件内容,使word文件上的的图文内容能正常显示图片

摘要: 今天在使用后台管理系统录入富文本数据时,发现从微信等APP上复制过来的图文内容直接粘贴到TinyMCE富文本编辑器上时图片可以正常显示,而从word上复制过来的图文内容,粘贴时只能显示文字,图片内容不能正常显示。 查找问题后发现从微信上复制过来的是Base64图片,而从word上复制过来的图片则是f 阅读全文

posted @ 2023-09-17 15:18 Xproer-松鼠 阅读(187) 评论(0) 推荐(0)

vue2 使用tinymce编辑器实现上传图片及粘贴word文本保留格式并粘贴图片自动上传

摘要: 下载对应的版本 npm install @tinymce/tinymce-vue@3.0.1 -Snpm install tinymce@5.8.2 -S 然后在node_modules中找到tinymce把整个文件复制下来粘到public中 在组件页面使用 根据自己需求进行注释或添加功能 <tem 阅读全文

posted @ 2023-09-17 12:19 Xproer-松鼠 阅读(272) 评论(0) 推荐(0)

tinymce实现从word直接粘贴并自动上传图片

摘要: 背景介绍: tinymce是一款优秀的富文本编辑器。 powerpaste是其一款收费插件,能实现word内容无缝粘贴入网页的tinymce中,可保留word的格式以及自动将word中的图片上传至服务器端。 使用说明: 我默认你们都能在官网下载到tinymce,鉴于部分同学是通过npm安装的,要注意 阅读全文

posted @ 2023-09-17 09:38 Xproer-松鼠 阅读(180) 评论(0) 推荐(0)