学习使用KindEditor富文本编辑器，点击上传图片遮罩太大或白屏解决方案

最新推荐文章于 2023-03-14 15:14:56 发布
最新推荐文章于 2023-03-14 15:14:56 发布
阅读量626 收藏 1
点赞数 2
CC 4.0 BY-SA版权
分类专栏： Html Javascript 软件 文章标签： 学习 css css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/guo_qiangqiang/article/details/125429987
在KindEditor的默认样式文件default.css中，通过添加特定的CSS属性，可以调整对话框的位置，从而解决点击上传图片时遮罩过大或白屏的故障。这是一个针对前端开发中富文本编辑器调试的实用技巧。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

学习使用KindEditor富文本编辑器，点击上传图片遮罩太大或白屏解决方案

在kingeditor/themes/default/default.css文件中找到

/* dialog */
.ke-dialog {
position: absolute;
top: 30%;
left: 30%;
margin: 0;
padding: 0;
}

添加黄色css属性，即可

django框架与kindeditor富文本编辑器的上传图片解决
qq_47802935的博客
07-18 380
在做项目过程中遇到问题：1.kindeditor如何引用？2.如何解决django中csfr_token在ajax请求中携带得问题3.图片存储位置与回显？接下做我们逐步解决。
解决IE11使用kind editor不能弹出上传图片框
06-13
1、解决IE11使用kind editor上传图片、设置文字字体、大小、颜色等需要弹出框的都不能弹出。 2、详细解决步骤，解答出现此问题原因。
KindEditor 点击上传图片遮罩太大或白屏解决方案
Jimmy的博客
03-25 1885
在kingeditor/themes/default/default.css文件中找到 /* dialog */.ke-dialog { position: absolute; top: 30%; left: 30%; margin: 0; padding: 0; } 添加红色css属性，即可 ...
kindEditor的上传图片点击没反应，bug修复
sinat_38992528的博客
03-14 468
修改kindeditor.js
Kindeditor上传本地图片成功后不回显，弹出层也不关闭，解决办法
腾龙凌九霄
03-08 7838
一、只要本地上传，不要网络图片，的方法：把kindeditor一个image.js中allowImageRemote = K.undef(self.allowImageRemote, true)改为allowImageRemote = K.undef(self.allowImageRemote, false)可以解决。二、确定图片上传成功，传的参数格式也正确，遇到一种情况是：这个框不会自动关闭，文
UEditor百度富文本编辑器--preview在线预览时头部被挡住的解决方案
weixin_34220623的博客
01-21 791
问题截图: 正常情况应该是如下显示: 解决方案: 1.打开ueditor/dialogs/preview/preview.html 2.找到body节点下面这一句   document.getElementById('preview').innerHTML = editor.getContent();   在它上面加一句 parent.document.g...
kindeditor富文本编辑器以及使用文档说明.zip
10-29
这个压缩包“kindeditor富文本编辑器以及使用文档说明.zip”包含了关于KindEditor的详细资料，包括安装、配置、使用方法以及可能遇到的问题解决方案。 首先，安装KindEditor非常简单。通常，开发者会将编辑器的...
Django添加KindEditor富文本编辑器的使用
09-20
KindEditor不仅提供了丰富的文本编辑功能，还支持图片、Flash等多媒体内容的上传与编辑，非常适合需要编辑器功能的Web应用，例如内容管理系统（CMS）、在线商城、论坛、博客、Wiki以及电子邮件等服务。 ### Django...
富文本 文章在线编辑器kindeditor4x---加上layui版
06-12
总的来说，这种组合为开发者提供了一种高效且美观的在线文章编辑解决方案，适合于新闻网站、博客系统、CMS（内容管理系统）等多种应用场景。通过深入理解和实践这两个工具，开发者可以创建出功能强大且用户体验优良...
完美解决kindeditor IE11看不到弹出框，兼容性问题
12-02
完美解决kindeditor IE11看不到弹出框，兼容性问题,并详解了发现问题的方法，与代码比对
解决emblog在升级kindeditor编辑器时，遇到点击图片上传的空白的bug
dfcgism168171的博客
10-18 289
最近在做自己博客时候，忽然发现点击图片有时会空白，主要报editorMap is not defint;发现没有定义这个，原来是admin/views/js/common.js两个位置有误，稍微调整一下即可。 MIn晓天个人博客原创，如需转载请注明出处www.minxtblog.com 转载于:https://www.cnblogs.com/Minxiaotian/p/5972...
IE11使用kindeditor看不到弹出框,白色遮罩
weixin_30677073的博客
12-22 442
IE浏览器升级到了IE11，在项目中发现，在IE11下使用kindeditor的文字颜色、文字背景、上传图片等只要是弹出框的按钮都不能弹出框，如下图： 仔细观察发现其实是已经弹出框了，只是没有在正确的位置现实罢了，仔细查看了kindeditor.js的代码，发现了几个问题： js的开头定义了几个变量： var _VERSION = '4.1.7 (2013-04-21)',...
tabs中放kindeditor 点击"全屏"整个屏幕都是白屏
龚清林的博客
02-11 1798
改kindeditor.js 4936行，把’height’ : ‘1px’ 给注释掉！
bootstrap3模态框里有个百度编辑器ueditor，当点击插入图片时，插入图片界面被模态框遮住了解决办法
钟长森的博客
10-17 2034
解决办法：ueditor.config.js 文件里找到zIndex:900 这个属性，把前面的注释去掉，再把900改成1100以上就行了   来源;  http://bbs.youkuaiyun.com/topics/391091244   阿里云学生机1年114元限时活动（24岁以下都可以购买）https://promotion.aliyun.com/ntms/act/campus2018.htm...
改造Kindeditor之：自定义图片上传插件。 外加给图片增加水印效果的选择。
热门推荐
bareheadzzq
10-09 1万+
场景： 编辑部人士编辑文章时需要在文章中上传图片。但上传图片时需要增加是否增加水印的选择（有可能是自己公司的原创作品）。所以需要改造Kindeditor . 1: 删除Kindeitor 默认的参数对象里的Image  添加自定bareheadimage 有原来的 items : [ 'source', '|', 'undo', 'redo', '|', 'preview', 'print
KindEditor上传组件在modal中点击无响应
夏至的博客
06-06 1470
今天在modal中加上了KindEditor上传组件，组件初始化已成功，但是点击“点击上传附件”按钮无响应，不弹出上传窗口。尝试了百度提供的各种诸如修改z-index值、去掉modal的遮罩层、在弹出modal时初始化上传插件等方案均不生效。最后，在调试查看各组件的css属性时，找到了问题： 如图所示，在初始化后的上传组件中，响应上传事件的部分宽度为0.因此，点击无响应的原因主要是，实际上，...
【工作小tip】后台富文本在前端显示不成功、文本超过部分用省略号代替、js用正则处理后台传来的富文本图片
fangyuan__的博客
07-24 1132
后台富文本在前端显示不成功、文本超过部分用省略号代替、js用正则处理后台传来的富文本图片
word中选择嵌入式时图片被遮住，只显示小部分的解决方法
04-03 2598
选中图片，点击如下 选择 行距选项 将行距改为单位行距即可。 转载于:https://www.cnblogs.com/wang-bo/p/6662159.html
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值