iview-admin3X富文本编辑器按钮无法点击解决方案

最新推荐文章于 2020-10-16 19:05:24 发布
最新推荐文章于 2020-10-16 19:05:24 发布
阅读量805 收藏 1
点赞数 3
分类专栏： 前端 文章标签： vue iview-admin 富文本编辑器 无法点击 解决方案
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zgjsxzlx/article/details/87966083
版权

iview-admin3X富文本编辑器按钮无法点击解决方案


最近很多人反馈，iview-admin3X中的富文本编辑器按钮悬浮出来后无法点击，这里给出具体解决方案。
原因是在 src/components/editor/editor.vue文件中的css样式采用了 !important，顺便介绍一下 !important是给css样式增加最高权重的意思，在使用这个样式后会覆盖其他所有样式。将该文件中的 <style>标签中的 !important去掉即可。如下图：
修改例图
如果大家有需要和其他疑问可以留下评论，在之后文章会一一为大家解读，感谢您的阅读和支持。

小阳光而已丶
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iview-admin富文本框上传本地图片
01-03
路径：iview-admin/src/components/editor/editor.vue import { fileUpload, ResultImg } from '@/api/uploadFile' data () { return { formData: new FormData() //创建一个formData对象 } }, mounted () { let _this = this this.editor.customConfig.customUploadImg = async function (files, insert)
iview-admin框架中富文本编辑器
抹茶 ”的博客
07-15 4051
把iview-admin后台管理器中的editor粘过来放到自己项目里，即可使用，然后修改里边的内容 不能上传本地图片 this.editor.customConfig.uploadImgShowBase64 = true; 鼠标一旦移开编辑栏，编辑栏的下拉框就消失 还是刚刚那个组件中，修改他的权重就行 .w-e-menu{ z-index: 2!important; } .w-e-text-...
富文本编辑器
qq_31971935的博客
04-26 727
百度编辑器
ueditor富文本编辑器
11-08
UEditor是由百度web前端研发部开发所见即所得的轻量级的富文本web编辑器。我将其和ssh 结合起来使用，更方便。
LayUI，关于富文本框的工具条失效问题
weixin_44854779的博客
10-16 1247
LayUI，关于富文本框的工具条失效问题 摘要： 使用LayUI富文本框的工具条时JS报错：Uncaught TypeError: Cannot read property ‘getRangeAt’ of null 正文： 今天做项目的时候遇见一件非常有趣（dan teng）的事情！！！ 以前使用LayUI富文本框的时候感觉这款配置什么的都很简单而且用起来也没出现过什么问题。 但，就在今天出现了一个困扰我很久的问题，那就是富文本框上的工具条全都失效了？！F12一下发现JS报了Uncaught Typ
iview-admin登录完整代码附后台代码
12-12
1. iview-admin：iview-admin是一款基于Vue.js和iView UI库构建的后台管理系统模板，它提供了一套完整的前端解决方案，包括页面布局、组件使用、路由管理等，大大简化了开发过程。在本项目中，开发者根据iview-admin...
iview-admin
08-16
iview-admin 好多人在 GitHub 下不下来，这块提供下载包
iview-admin2.3.0 技术文档.docx
07-10
Iview-admin 2.3.0 技术文档主要涵盖了基于 Vue.js 框架的前端项目开发配置和路由管理。以下将详细解释其中的关键知识点： 1. **Vue.js 基础配置**： 在项目的根目录下，`vue.config.js` 文件是 Vue CLI 的配置...
iView-admin 动态路由问题的解决方法
10-17
在使用iView-admin框架开发应用时，动态路由的设置与管理是至关重要的，尤其是在处理包含参数的路由时。本篇文章主要解决了一个特定的动态路由问题，即在跳转至客户详细页面后，再次通过选项卡进入时出现错误，无法...
完美解决eWebEditor编辑器按钮失效 IE8、9无法使用方法
weixin_34284188的博客
11-12 997
搜索Editor.js文件 找到代码 if(element.YUSERONCLICK)eval(element.YUSERONCLICK+"anonymous()"); 替换为 if(navigator.appVersion.match(/8./i)=='8.') { if(element.YUSERONCLICK)eval(e...
iView组件Axure组件库-v2
02-14
依据 iView3.x 和 iViewAdmin2.x 绘制,如果你正在使用iView前端框架开发项目,这个资源库可以提供项目前期UI设计的常用组件,包含按钮、文本、卡片、表格、表单、弹窗、步骤、导航菜单8个类别的若干组件，可搭建出最接近iView风格的原型设计。
iview-admin项目使用wangEditor踩坑记
weixin_44706322的博客
11-07 737
1.关于时间选择器和富文本编辑冲突 无语的坑，就是当时间选择器和富文本编辑同时存在提交时，修改富文本内容或者改变时间时，可以直接把框架时间改为后台JAVA格式的时间即“yyyy-MM-dd”这种形式，而你不修改富文本内容，却是框架格式中国标准时间， 所有这两个逻辑分开，修改富文本内容时，赋予a=1,没有做修改是a=0, 当a=0时，把框架时间转为后台Java时间 另外提一点：时间选择器绑定变量和提...
iview-admin 富文本编辑器（wangEditor）菜单无法选中解决方案
Wjhsmart的博客
03-01 9260
使用 iview-amdin 时，使用集成的富文本编辑器，发现菜单竟然选不了，找到 editor 的组件，发现是引入了 wangEditor ，然后找官方文档，百度继续排查，最终解决问题，这里记录下。 问题截图： 鼠标离开导航栏，菜单则会消失，选中不了。经排查，发现wangEditor 的输入控制栏与输入区域默认的 z-index 为100001 10000，当富文本编辑框上方有下拉...
解决百度ueditor富文本编辑器不能插入视频的问题/src掉链/src清空，不能显示视频
qq_34787830的博客
07-13 1万+
如果你嫌弃自己配置比较麻烦，出现各种奇奇怪怪的问题你下载我 这个文件 加入到你的项中， 只 需要 修改 项目名称 就可以 运行 地址https://download.csdn.net/download/qq_34787830/10363771 直接下载到的百度富文本编辑器当插入优酷/腾讯视频的时候会自动清掉src，不显示视频 造成这样的原因是: 百度富文本...
Vue2.0结合iView快速搭建后台管理网站模板（附github源码地址）
yangyuscript的博客
12-16 2万+
一、项目背景： 尝试使用vue结合其UI框架iView快速搭建网站后台模板（在前后端分离的大背景下，传统的js、jquery已经不在是搭建前端的首选，尤其是mvvm模式下衍生出来的react.js、angular.js和vue.js等框架是的前端开发更加高效简洁，性能提高的同时，使得整个项目的前后端开发更加迅速有质。至于为何选择vue，原因如下：1.算是支持国产吧 2.vue似乎相比另外两个热门
富文本编辑框之不可编辑
李静静
10-11 7190
样式：(用于过滤图文中的图片替换url) 前端代码：  &lt;!-- 加载编辑器的容器 --&gt; &lt;div class="form-group"&gt; &lt;label for="container...
整理15款实用javascript富文本编辑器 转自136go
热门推荐
lin520wei的专栏
11-12 4万+
1 百度UEditor 官方网址：http://ueditor.baidu.com/website/ UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码... 2bootstrap-wysiwyg 官方网址：http://www.bootcss.com/p/boots
用于微信小程序的图文编辑器（富文本编辑器）
weixin_39573058的博客
02-26 2万+
用于微信小程序的图文编辑器 欢迎使用用于微信小程序的图文编辑器 欢迎使用用于微信小程序的图文编辑器 ####　项目介绍 用于微信小程序的图文编辑器 https://www.cnblogs.com/shitian-net/p/9366896.html 在　IT副工-小布　大神的启发下，参考vue编译出来的小程序代码，本人使用小程序原生语言开发的　图文编辑器，　命名为　We-RichEditor。 目...
"快速开发使用iview-admin的技术文档：配置、路径和端口号详解
iview-admin 2.3.0 技术文档是一份详细说明如何使用和开发iview-admin框架的文档。该文档主要包含以下内容： 一、vue基础配置 在根目录下的vue.config.js文件中，可以找到以下代码： const BASE_URL = process.env....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值