Vue2.x安装Tinymce依赖冲突解决

已于 2024-05-05 15:06:10 修改
阅读量467 收藏 4
点赞数 6
分类专栏： vue学习之路 文章标签： vue.js javascript 前端
于 2024-04-01 21:52:46 首次发布
版权声明：本博客为博主个人原创文章，如若转载请附上本文出处链接和本声明。请勿未声明随意转载与恶意修改！
本文链接：https://blog.csdn.net/weixin_45126177/article/details/137247871
版权
文章讲述了在Vue2.x项目中集成Tinymce富文本编辑器时遇到的依赖版本不匹配问题，提供了解决方法，包括正确的npm包版本和页面显示异常的处理。
摘要由CSDN通过智能技术生成

Vue2.x安装Tinymce依赖冲突原因

  • 使用vue整合tinymce富文本编辑器，安装依赖时报错

在这里插入图片描述

  • 报错的原因是下载版本与vue的版本对不上
  • vue2.x版本应该使用如下指定版本依赖更合适
npm install --save "@tinymce/tinymce-vue@^3.1"
  • 额外依赖为
npm install --save "tinymce@^6.3"

  • 在使用tinymce富文本编辑器，页面没有显示编辑器的图标，而是显示！not found！

  • 查看控制台显示Uncaught SyntaxError: Unexpected token ‘<’

  • 解决办法：找到引入Editor的vue文件或是component组件，在

npm install --save "@tinymce/tinymce-vue@^4"

更多内容详见 tinymce英文官网（最新）

tinymce中文文档网（大神网友翻译，较旧）

【无痕干货营】
关注
  • 6
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue2使用tinyMCE踩过的坑
weixin_70236102的博客
07-14 914
发现是插件内报错，之前系统内用的是tinymce 5.10.7版本，版本太高导致，后更换到5.6.2（从5.10试了好多，试到的vue2支持的最高版本），再次点击上传图片时，能正常上传了。最近需求中要添加富文本配置元素，多番对比最终选择沿用系统内已存在的tinyMCE，但之前使用的功能较少，只有左中右对齐，其它均无涉及。由于项目是内网开发，在开发环境中没有配置ng，图片不能正常展示导致获取不到图片的宽高，配置ng后上传图片终于能正常带入了。2.上传图片成功后，地址正常回填，但图片的宽高不会自动带入。
Vue2.X和Vue3.0数据响应原理变化的区别
10-16
在Vue框架中，数据响应性是其核心特性之...Vue2.x依赖于`Object.defineProperty`，而Vue3.0则采用`Proxy`，后者提供了更强大的功能和更好的性能。这种变化让开发者在处理复杂数据时更加便捷，同时也优化了框架的性能。
vue2使用TinyMCE7富文本编辑器实现拖拽插入内容功能
最新发布
zennnlee的博客
05-17 1008
思路: 在初始化后的回调方法中, 用样式表 styleSheets 的 insertRule方法修改伪元素的样式。原因: 当调用子组件的 getValue 方法时, 该方法中的。解决: 监听 editor 的变动, 更新父组件的数据。坑: editor.insertContent 失效。会导致 insertContent 方法失效。
tinymce富文本报错 Uncaught SyntaxError: Unexpected token ‘＜‘
大前端
11-17 3951
原因：鼠标放在 plugin.min.js:1 上，发现是找不到 lineheight 这个文件夹， 解决方法： 去掉plugins: "code,lineheight",中的 lineheight 属性 安装 lineheight 插件=> lineheight插件地址
vue引用tinymce出现Uncaught SyntaxError: Unexpected token 错误
weixin_44019248的博客
03-13 1万+
vue引用tinmce的步骤可以参考https://www.cnblogs.com/wisewrong/p/8985471.html网址 出现Uncaught SyntaxError: Unexpected token &amp;lt;错误的个人原因是因为网上 引用 import ‘tinymce/themes/modern/theme’ 这步和现版本安装的路径不对应， import ‘tiny...
已解决Uncaught SyntaxError: Unexpected token ‘＜‘
03-27 8万+
它表明在代码中有一个意外的字符，尤其是一个不被期望的尖括号
Vue中使用TinyMCE报错Uncaught SyntaxError: Unexpected token..及Cannot read property ‘init’ of undefined问题解决
小生的博客
06-05 5250
给后台管理系统添加描述功能，决定使用流行的TinyMCE富文本编辑器作为辅助插件。 按照网上的配置操作了一下测试的时候发现不能完整的显示编辑器，只有上传图片一个按钮： 打开F12查看报错信息如下： Uncaught SyntaxError: Unexpected token '<' ...... [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'init' of undefined" found in ---&g
基于vue2.x和ElementUI插件的ui项目源码.zip
09-27
基于vue2.x和ElementUI插件的ui项目源码.zip基于vue2.x和ElementUI插件的ui项目源码.zip基于vue2.x和ElementUI插件的ui项目源码.zip基于vue2.x和ElementUI插件的ui项目源码.zip基于vue2.x和ElementUI插件的ui项目...
vue（2.x，3.0）配置跨域代理
10-15
主要介绍了vue（2.x，3.0）配置跨域代理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue3.x中使用cesium，vue3.x+Cesium
05-04
在`vue.config.js`文件中，添加以下配置： ```javascript module.exports = { configureWebpack: config => { config.resolve.alias = { ...config.resolve.alias, 'cesium': path.resolve(__dirname, 'node_...
wps加载项适配vue2.x代码
06-26
Vue.js，特别是2.x版本，是目前广泛应用的前端JavaScript框架，以其轻量级、易上手和强大的组件化能力而受到开发者的青睐。本文将详细探讨如何将Vue 2.x应用于WPS加载项的开发，以实现两者之间的适配。 1. **Vue 2....
TinyMce富文本编辑器使用【详细】
TeroZhang的博客
11-10 1945
TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有：UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。
Vue 项目中引入 tinymce 富文本编辑器
lovethewind_1的博客
07-30 642
官网文档链接：这里采用vue2的版本。
react Tinymce富文本使用报错Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_55014951的博客
04-02 3822
这个问题其实很简单就解决了,但我走了不少弯路,希望看到文章的兄弟们不要再踩坑了 首先,出现这个问题,应该是在把Tinymce本地化 其实这个东西本地化特别简单,网上有些过时的内容,写了一大堆,把我坑惨了 下载文件都一样的,不再多说 从引入文件开始 解压之后把文件里的那个tinymce文件放public 然后在index.html加入 <script src="%PUBLIC_URL%/tinymce/tinymce.min.js"></script>
【超详细】vue项目：Tinymce富文本使用教程以及踩坑总结+业务需要功能扩展
weixin_55846296的博客
12-01 1万+
在Vue项目的开发过程中，经常需要使用富文本编辑器来处理用户的输入内容。 是一个功能强大且易于使用的富文本编辑器，它支持大多数常见的文本编辑功能，并且可以通过插件进行扩展。本文将详细介绍如何在Vue项目中使用Tinymce富文本编辑器
解决 Uncaught SyntaxError: Unexpected token ‘＜‘ 错误解决方法
热门推荐
欢迎访问我的主页：https://www.bookbook.cc
12-03 44万+
Uncaught SyntaxError: Unexpected token '
vue2.x 富文本编辑器Tinymce tinymce-vue 使用记录
xiaomanonyo的博客
02-28 2964
第一步 引入（我是用的是这个版本） npm install tinymce@5.1.0 -S npm install @tinymce/tinymce-vue@3.0.1 -S 第二步 找到 node_modules 下的 tinymce 将其目录下的 skins themes 复制到 static/tinymce 下，这里的langs是我自己加的汉化语言包，语言包下载地址：Language Packages | Trusted Rich Text Editor | TinyMCE 第...
tinymce 使用 报错 icons.js Unexpected token ‘＜‘
m0_48557659的博客
10-12 1511
使用 tinymce 报错 icons.js Unexpected token '
Vue2.x和Vue3.x面试常问知识点-面试题-JackieDYH - CSDN博客.pdf
09-07
在Vue.js中，Vue2.x和Vue3.x是两个常见的版本。这篇文章主要提供了关于Vue2.x和Vue3.x的一些面试常问知识点。 首先，文章解释了SPA（Single Page Application）的概念及其优缺点。SPA是一种Web页面的设计模式，它在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

【无痕干货营】

如果帮助到您，欢迎打赏一下我

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值