谷粒学院使用富文本编辑器出现 Uncaught SyntaxError: Unexpected token ‘＜‘ 错误

于 2023-04-13 16:31:16 发布
阅读量437 收藏 1
点赞数
文章标签： 前端 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qlyyyi/article/details/130133037
版权

富文本编辑器使用步骤：

1、把组件放在static    和    /src/components下 

2、然后在index.html中加入如下代码

<body>
    <script src=<%=BASE_URL %>/tinymce4.7.5/tinymce.min.js></script>
    <script src=<%=BASE_URL %>/tinymce4.7.5/langs/zh_CN.js></script>
</body>

然后就可以在你所需的页面使用富文本编辑器组件了

示例：

//引入组件
import Tinymce from '@/components/Tinymce'


//声明组件
components: { Tinymce },

这样确实能使用，但浏览器的Console中会出现Uncaught SyntaxError: Unexpected token ‘＜‘

VS code中检查语法也会出现Expression expected。

问题方向：这样的问题一般都是我们引入的资源路径出错的问题

解决方法：

  <script src="<%=BASE_URL %>/tinymce4.7.5/tinymce.min.js"></script>

  <script src="<%=BASE_URL %>/tinymce4.7.5/langs/zh_CN.js"></script>

在src= 后面加引号 " " 即可

猿来是无缘
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
react Tinymce富文本使用报错Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_55014951的博客
04-02 3774
这个问题其实很简单就解决了,但我走了不少弯路,希望看到文章的兄弟们不要再踩坑了 首先,出现这个问题,应该是在把Tinymce本地化 其实这个东西本地化特别简单,网上有些过时的内容,写了一大堆,把我坑惨了 下载文件都一样的,不再多说 从引入文件开始 解压之后把文件里的那个tinymce文件放public 然后在index.html加入 <script src="%PUBLIC_URL%/tinymce/tinymce.min.js"></script>
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...
Vue中使用TinyMCE报错Uncaught SyntaxError: Unexpected token..及Cannot read property ‘init’ of undefined问题解决
小生的博客
06-05 5200
给后台管理系统添加描述功能，决定使用流行的TinyMCE富文本编辑器作为辅助插件。 按照网上的配置操作了一下测试的时候发现不能完整的显示编辑器，只有上传图片一个按钮： 打开F12查看报错信息如下： Uncaught SyntaxError: Unexpected token '<' ...... [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'init' of undefined" found in ---&g
tinymce富文本报错 Uncaught SyntaxError: Unexpected token ‘＜‘
大前端
11-17 3892
原因：鼠标放在 plugin.min.js:1 上，发现是找不到 lineheight 这个文件夹， 解决方法： 去掉plugins: "code,lineheight",中的 lineheight 属性 安装 lineheight 插件=> lineheight插件地址
JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
11-24
本文实例讲述了JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法。分享给大家供大家参考，具体如下： Uncaught SyntaxError: Unexpected token ILLEGAL 未捕获的语法错误： 意想不到的非法...
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router...页面全白,console打印:Uncaught SyntaxError:Unexpected token < 报错截图: 经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文
js获取富文本编辑器的值之后报错Uncaught SyntaxError: Unexpected token 发 in JSON at position 0
汉家扶风
08-17 1668
这两天在写接口时遇到一个问题，前端获取富文本编辑器值之后发送给接口，但是报错发起xss攻击，因为富文本框里的值，绝大部分都是带样式、带图片链接地址的，我们框架是配置了xss请求过滤的，因此浏览器报错Uncaught SyntaxError: Unexpected token 发 in JSON at position 0。 这个问题，首先xss过滤是不能关的，所以只能在前端发起请求时将值包装一下，
as3.0富文本，可以插入表情图片，图文并排
12-11
as3.0富文本，可以插入表情图片，图文并排，非常实用，将对应的swc导入即可用
tinymce 使用 报错 icons.js Unexpected token ‘＜‘
m0_48557659的博客
10-12 1454
使用 tinymce 报错 icons.js Unexpected token '
VUE集成tinymce-editor 踩坑 Uncaught SyntaxError: Unexpected token
soulman1234的专栏
05-25 8239
VUE集成tinymce-editor 踩坑 安装tinymce npm install --save @tinymce/tinymce-vue npm install --save tinymce 装好后，components里新增tinymce-editor.vue <template> <div class="tinymce-editor"> <editor v-model="myValue" :init="init" :disabl
vue中本地引入tinymce报错 Uncaught SyntaxError: Unexpected token <
weixin_40136189的博客
01-19 5506
vue-cli3.0的环境，在index.html中引入本地的js，一开始是这样写的： <script src="./public/tinymce/tinymce.js"></script> 结果报错：“Uncaught SyntaxError: Unexpected token <” 修改成如下方式就不报错了： <script src="<%= ...
Unexpected token &lt;
xiangxiangtong的博客
02-10 627
jsp引入jquery报错错误信息
Invalid or unexpected token 捕获的查询无效或意外的标记
qzo_smile的博客
03-21 1784
捕获的查询无效或意外的标记 好多让去检查数据内容 ,但其实这是append()进去的标记, 有的讲live() 会跟jquery版本有问题 ,但是亲测无效, 后来 $(".").on(‘click’,“selector”,function (e) {}) 翻译成中文是： 捕获的查询无效或意外的标记。 解决方案: $(".").on(‘click’,“selector”,function...
自学-谷粒学院的坑
qq_42604730的博客
12-19 911
P108，根据视频的各种操作后发现报错 subject_parent_id’没有默认值 这是因为数据库的非空字段报的错误，把数据库中的subject_parent_id字段的非空去掉 成功运行
解决 Uncaught SyntaxError: Unexpected token ‘＜‘ 解决方法
热门推荐
HeXinT的博客
06-01 18万+
解决 Uncaught SyntaxError: Unexpected token ‘＜‘ 解决方法，打包出现的问题，解决方案
Uncaught SyntaxError: Unexpected token {
素味平生的博客
08-21 3万+
错误描述：newList.css:1 Uncaught SyntaxError: Unexpected token { 翻译：未捕获语法错误：意外标记 错误原因： 在页面中引入css方式错误 <script src="../css/newList.css"></script> 解决方法： 正确引入css <link rel="stylesheet...
Uncaught SyntaxError: Unexpected token ＜错误
最新发布
11-16
Uncaught SyntaxError: Unexpected token ＜错误通常是由于在引入JS文件时，文件路径错误或者文件内容格式错误导致的。常见的解决方法包括： 1.检查文件路径是否正确，确保文件存在且路径正确。 2.检查文件内容格式是否正确，特别是在使用第三方库时，可能会出现格式错误的情况，需要仔细检查。 3.在引入JS文件时，可以使用绝对路径或相对路径，建议使用相对路径，以避免路径错误导致的问题。 以下是一个例子，演示了如何解决Uncaught SyntaxError: Unexpected token ＜错误： ```html <!DOCTYPE html> <html> <head> <title>Uncaught SyntaxError: Unexpected token ＜错误</title> <script type="text/javascript" src="js/jquery.min.js"></script> </head> <body> <h1>Hello World!</h1> </body> </html> ``` 在上面的例子中，我们引入了jQuery库，但是由于文件路径错误，导致出现了Uncaught SyntaxError: Unexpected token ＜错误。我们可以通过检查文件路径，确保文件存在且路径正确，来解决这个问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值