在VUE里面集成UEditor,使用及遇到的问题

最新推荐文章于 2023-10-12 15:56:02 发布
最新推荐文章于 2023-10-12 15:56:02 发布
阅读量1.7w 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xh1506101064/article/details/114174605
版权

安装，安装步骤参考这位博主就可以了，讲的很详细

安装步骤地址链接

遇到的问题。

1、我这边UI框架使用的是elemente。富文本编辑器显示在弹框（dialog）里面的，然后点击富文本选择字体颜色的时候，字体颜色选择的弹框是在dialog下面，就出现了层级问题。

解决方法： 在ueditor.config.js文件里面，把zIndex设置高一点，这边看个人需求，不一定设置成我这么高，反正自己调试嘛！
在这里插入图片描述

2、服务器接口没有设置，报下面的错误

在这里插入图片描述
解决办法： 在ueditor.config.js文件里面，把服务器同意请求接口改为自己网站的接口
在这里插入图片描述

oduoke~~
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
UEditorPlus v2.2.0发布 VUE示例支持，图片尺寸设定异常修复
ModStartCMS的博客
06-30 355
UEditor是由百度开发的所见即所得的开源富文本编辑器，基于MIT开源协议，该富文本编辑器帮助不少网站开发者解决富文本编辑器的难点。UEditorPlus 是有 ModStart 团队基于 UEditor 二次开发的富文本编辑器，主要做了样式的定制，更符合现代浏览器的审美。在开发过程中解决了部分使用上的Bug，期待更多伙伴一期加入维护。UEditorPlus v2.2.0 已经发布，这个版本主要解决了图片尺寸设定异常、VUE示例、编辑器只包含视频，提交到服务器端的内容为空等问题。新增：Dom 操作添加 _
ueditor上传图片回调_ueditor（vue-ueditor-wrap）集成秀米踩坑记录vue-cli4
weixin_39598584的博客
11-25 589
一个不断学习的前端菜鸟，欢迎指正，别喷。。。前言 首先， KB编辑器! ，官网都提莫的没了。然后得感谢某某某等大佬，因为确实查了好久的资料，你问我为什么不换个编辑器，？？？（手动问号），我没这个权力......，业务需要，开搞吧（项目是vue-cli4）。试水 第一选择肯定是打开ueditor官网地址看下文档吧 ？？？？？？ 然后去github https://github.com/fex...
UEditor 1.4.3版本中去掉本地保存功能
热门推荐
ystyaoshengting的专栏
06-04 2万+
ueditor.config.js文件中设置enableAutoSave参数为false就可以关闭本地保存功能。  //启用自动保存  ,enableAutoSave: false ueditor1.4.3版本是没有效果的，需要修改代码，在ueditor1.5.0版本已经得到修复。 修改方法 ueditor.all.js文件 找到 // plugins/autos
在vue中使用ueditor，ueditor报错 Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not
gs981600308的博客
10-24 8073
解决办法： 找到 ueditor.all.js文件中如下代码： if (editor.options.wordCount) { function countFn() { setCount(editor,me); domUtils.un(editor.document, "click", arguments.callee); } domUtil...
ueditor html 样式,使用百度文本编辑器ueditor不显示样式问题
weixin_39552179的博客
06-16 667
我用的angular写的，希望前端大神帮我看看。附上代码html：新编辑器js：我的ueditor是在node_modules里，本来是npm install ueditor --save的后来有问题就直接下载官网的然后拷贝进了node_modules/ueditor里面。import '../../../../../../node_modules/ueditor/ueditor.config.j...
vue集成百度UEditor富文本编辑器使用教程
10-17
主要为大家详细介绍了vue集成百度UEditor富文本编辑器的使用教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
vue项目中使用ueditor的实例讲解
08-27
在本篇文章中，我们将一步一步地指导您如何在Vue项目中使用ueditor，包括如何配置ueditor、如何在Vue组件中使用ueditor等内容。 一、ueditor简介 ueditor是一个开源的富文本编辑器，支持多种格式的文本编辑，包括...
vue 百度编辑器ueditor使用文件
10-28
vue 百度编辑器ueditor使用文件,直接使用在项目即可.
vue中使用ueditor富文本编辑器
08-28
主要介绍了vue中使用ueditor富文本编辑器的相关资料,需要的朋友可以参考下
Docker容器下项目中富文本vue-ueditor中文乱码
最新发布
u013449407的博客
10-12 2094
找到问题页面，就进入浏览器后台查看调用接口情况。前端调用接口返回的数据确实已经是乱码，那就是后端的问题。根据调用接口查看后端发现原来富文本文章内容是上传到OSS服务器上。我拿到OSS的URL直接调用发现内容没有出现乱码。那就是后端的问题，进一步深耕找到如下代码。项目采用系统默认的编码规则，测试环境默认UTF-8结果没有出现乱码。将文章内容读取读取出来返回给前端，读取过程涉及编码问题，大概因为编码不一致导致的。编码格式都是POSIX，此种编码不支持中文。原来中文乱码的原因在此。
vue-ueditor-wrap的ueditor
01-12
富文本文本编辑器vue-ueditor-wrap需要下载ueditor，并将其复制到public目录下
vue-ueditor-wrap UEditor资源包
03-14
帮助想要使用vue-ueditor-wrap的伙伴们更便捷的获取到这个资源运行项目
UEditor编辑器以及乱码解决
ssdfsd1231_sdfs的博客
01-05 1万+
编辑器的话不管是从外观还是功能上说，ueditor都是一款功能很强大的编辑器了。而且使用者很多，最新版本也解决了很多已有的缺陷。     直接下载ueditor Demo，下载地址：点击打开链接。     index.html为例。直接引用ueditor的js。出现乱码是因为引入的js编辑问题导致，将引入的js编码设置为 charset="gbk" 即可。其实乱码的话直接在页面右键编码看下
spring编码过滤器配置
natur_630的专栏
12-23 608
在web.xml中配置如下 characterEncodingFilter org.springframework.web.filter.CharacterEncodingFilter encoding UTF-8 forceEncoding true characterEncodingFilter /*
ueditor的工具栏显示乱码解决方法 小问题.. 是你的页面编码与语言包js编码不符所导致的
weixin_46020146的博客
10-05 465
ueditor的工具栏显示乱码解决方法 小问题.. 是你的页面编码与语言包js编码不符所导致的
有关vue引入ueditor遇到的问题
cWatermelon的博客
10-23 947
做个记录 引入： 之前项目用的vue-cli3脚本架创建的项目，然后引入ueditor的时候很多资源找不到路径，好多地方报错，后来重新用webpack重构了项目，ueditor的显示问题就自动解决了。 1、下载下来的ue资源包解压放在项目static目录下 2、在main.js里引入 import '../static/ue/ueditor.config.js'; import '...
vue中引入ueditor富文本编辑器的方法与遇到的问题及解决方法
weixin_43931617的博客
04-17 6174
下载ueditor 度娘轻松就能找到下载地址，不过我还是放一个：下载地址，因为我后台用的是PHP，所以我下载的是PHP的版本。 使用 下载下来的东西是一个压缩包，将其解压放在vue项目的static目录，且他的目录如下 找到ueditor.config.js文件，修改其中的配置 找到config.json ...
问题--UEditor使用中文乱码
越努力越幸运
04-14 6139
用Django加载UEditor时候，遇到工具栏出现乱码的情况，在HTML中引用官方包中的中文字体文件，即可解决 <script type="text/javascript" src="{% static 'utils/ueditor/ueditor.config.js' %}"></script> <script type="text/javascript" s...
如何解决ueditor乱码问题
kitt15的博客
08-28 1万+
出于某种原因，项目的页面是gb2312编码，但是需要用到utf-8编码的ueditor，这样的话页面显示ueditor会出现乱码现象。
vue3使用ueditor
08-28
Vue 3与UEditor的结合使用相对来说稍微有些复杂，因为UEditor是基于jQuery开发的，而Vue 3采用了更现代化的Composition API。 首先，你需要在Vue项目中安装UEditor的npm包。你可以使用以下命令安装最新版本的UEditor： ``` npm install vue-ueditor-wrap --save ``` 接下来，在你的Vue组件中引入UEditor： ```javascript import VueUeditorWrap from 'vue-ueditor-wrap'; export default { components: { VueUeditorWrap }, data() { return { content: '' }; } } ``` 然后，在模板中使用`vue-ueditor-wrap`组件来渲染UEditor： ```html <template> <div> <vue-ueditor-wrap v-model="content"></vue-ueditor-wrap> </div> </template> ``` 最后，你可以通过`v-model`指令将UEditor的内容与Vue组件的data属性进行双向绑定。在这个例子中，`content`变量将保存UEditor的内容。 请注意，UEditor的一些功能可能无法与Vue 3完全兼容，因为它是基于jQuery开发的。如果你需要更加现代化的编辑器，你可以考虑使用其他Vue 3友好的编辑器库，如`vue-quill-editor`或`tinymce-vue`。 希望这个简单的示例能帮助你开始在Vue 3中使用UEditor！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值