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

最新推荐文章于 2023-03-14 15:14:56 发布
原创 最新推荐文章于 2023-03-14 15:14:56 发布 · 653 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#学习 #css #css3

在KindEditor的默认样式文件default.css中，通过添加特定的CSS属性，可以调整对话框的位置，从而解决点击上传图片时遮罩过大或白屏的故障。这是一个针对前端开发中富文本编辑器调试的实用技巧。

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

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

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

添加黄色css属性，即可

KindEditor上传组件在modal中点击无响应
夏至的博客
06-06 1500
今天在modal中加上了KindEditor上传组件，组件初始化已成功，但是点击“点击上传附件”按钮无响应，不弹出上传窗口。尝试了百度提供的各种诸如修改z-index值、去掉modal的遮罩层、在弹出modal时初始化上传插件等方案均不生效。最后，在调试查看各组件的css属性时，找到了问题： 如图所示，在初始化后的上传组件中，响应上传事件的部分宽度为0.因此，点击无响应的原因主要是，实际上，...
kindeditor富文本编辑器以及使用文档说明.zip
10-29
这个压缩包“kindeditor富文本编辑器以及使用文档说明.zip”包含了关于KindEditor的详细资料，包括安装、配置、使用方法以及可能遇到的问题解决方案。 首先，安装KindEditor非常简单。通常，开发者会将编辑器的...
解决IE11使用kind editor不能弹出上传图片框
06-13
1、解决IE11使用kind editor上传图片、设置文字字体、大小、颜色等需要弹出框的都不能弹出。 2、详细解决步骤，解答出现此问题原因。
kindEditor的上传图片点击没反应，bug修复
sinat_38992528的博客
03-14 505
修改kindeditor.js
kindeditor编辑区空格被隐藏，导致所见所得不一致的解决办法
Lankecms
07-26 1201
1.修改kindereditor-all.js中的  var re = /(\s*)<(\/)?([\w\-:]+)((?:\s+|(?:\s+[\w\-:]+)|(?:\s+[\w\-:]+=[^\s"'<>]+)|(?:\s+[\w\-:"]+="[^"]*")|(?:\s+[\w\-:"]+='[^']*'))*)(\/)?>(\s*)/g; 为： var re...
KindEditor 点击上传图片遮罩太大或白屏解决方案
Jimmy的博客
03-25 1917
在kingeditor/themes/default/default.css文件中找到 /* dialog */.ke-dialog { position: absolute; top: 30%; left: 30%; margin: 0; padding: 0; } 添加红色css属性，即可 ...
Kindeditor上传本地图片成功后不回显，弹出层也不关闭，解决办法
腾龙凌九霄
03-08 7898
一、只要本地上传，不要网络图片，的方法：把kindeditor一个image.js中allowImageRemote = K.undef(self.allowImageRemote, true)改为allowImageRemote = K.undef(self.allowImageRemote, false)可以解决。二、确定图片上传成功，传的参数格式也正确，遇到一种情况是：这个框不会自动关闭，文
UEditor百度富文本编辑器--preview在线预览时头部被挡住的解决方案
weixin_34220623的博客
01-21 804
问题截图: 正常情况应该是如下显示: 解决方案: 1.打开ueditor/dialogs/preview/preview.html 2.找到body节点下面这一句   document.getElementById('preview').innerHTML = editor.getContent();   在它上面加一句 parent.document.g...
解决emblog在升级kindeditor编辑器时，遇到点击图片上传的空白的bug
dfcgism168171的博客
10-18 302
最近在做自己博客时候，忽然发现点击图片有时会空白，主要报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 460
IE浏览器升级到了IE11，在项目中发现，在IE11下使用kindeditor的文字颜色、文字背景、上传图片等只要是弹出框的按钮都不能弹出框，如下图： 仔细观察发现其实是已经弹出框了，只是没有在正确的位置现实罢了，仔细查看了kindeditor.js的代码，发现了几个问题： js的开头定义了几个变量： var _VERSION = '4.1.7 (2013-04-21)',...
完美解决kindeditor IE11看不到弹出框，兼容性问题
12-02
完美解决kindeditor IE11看不到弹出框，兼容性问题,并详解了发现问题的方法，与代码比对
ASP.NET网站使用Kindeditor富文本编辑器配置步骤
10-27
### ASP.NET网站使用Kindeditor富文本编辑器配置步骤详解 #### 一、概述 本文将详细介绍如何在ASP.NET网站中集成并使用Kindeditor富文本编辑器。Kindeditor是一款功能强大的前端编辑工具，它提供了丰富的编辑功能，...
Django添加KindEditor富文本编辑器的使用
09-20
KindEditor不仅提供了丰富的文本编辑功能，还支持图片、Flash等多媒体内容的上传与编辑，非常适合需要编辑器功能的Web应用，例如内容管理系统（CMS）、在线商城、论坛、博客、Wiki以及电子邮件等服务。 ### Django...
kindeditor富文本，多图上传，去除flash插件，解决无法展示选择图片按钮问题，以及添加上传后结果展示
最新发布
12-27
KindEditor是一款广泛应用于网页编辑的开源富文本编辑器，它提供了丰富的文本格式化选项和功能，如插入图片、链接、表格等。在当前的技术环境中，由于Flash插件的安全性和兼容性问题，逐渐被淘汰，因此去除Flash插件...
kindeditor 4.1.10富文本编辑器【上传FLV视频】ASP版.rar
01-06
KindEditor是一款广泛应用于Web开发中的开源富文本编辑器，它提供了丰富的编辑功能，使得用户可以在网页上方便地进行文字编辑、格式调整、插入图片、链接等操作，类似于Word的在线版。在4.1.10这个版本中，开发者...
tabs中放kindeditor 点击"全屏"整个屏幕都是白屏
龚清林的博客
02-11 1812
改kindeditor.js 4936行，把’height’ : ‘1px’ 给注释掉！
bootstrap3模态框里有个百度编辑器ueditor，当点击插入图片时，插入图片界面被模态框遮住了解决办法
钟长森的博客
10-17 2048
解决办法：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
【工作小tip】后台富文本在前端显示不成功、文本超过部分用省略号代替、js用正则处理后台传来的富文本图片
fangyuan__的博客
07-24 1165
后台富文本在前端显示不成功、文本超过部分用省略号代替、js用正则处理后台传来的富文本图片
KindEditor富文本编辑器使用手册及下载指南
富文本编辑器（Rich Text Editor）是一种提供所见即所得编辑功能的软件，它让用户可以像使用文本处理软件一样编辑文本内容，同时支持嵌入图片、链接、表格和其他复杂格式。与纯文本编辑器不同，富文本编辑器能够处理...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值