kindeditor编辑器点中图片滚动条往上顶的bug

   这篇文章主要介绍了kindeditor编辑器点中图片滚动条往上顶的bug的相关资料,需要的朋友可以参考下

  比如现在我插入两张图片,


  无论我点击哪张图片,里边的滚动条都会往上顶。

  本来以为往上会有解决方法,一查结果没有;然后想着去官网查查,然而什么都没有,想到官网提交这个bug,结果没地方提交。

  怎么解决,如果单是解决这个bug,去研究源码,我觉的是吃力不讨好的。

  然后我就直接从 click、mousedown 这两个事件找起,找它们获得高度的地方,然后 感觉是的话就console.log下,看是不是。然后就找到了。

  在这个函数里

  ?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

pos : function() {
var self = this, node = self[0], x = 0, y = 0;
if (node) {
if (node.getBoundingClientRect) {
var box = node.getBoundingClientRect(),
pos = _getScrollPos(self.doc);
x = box.left + pos.x;
y = box.top + pos.y;
} else {
while (node) {
x += node.offsetLeft;
y += node.offsetTop;
node = node.offsetParent;
}
}
}
return {x : _round(x), y : _round(y)};
},

  主要就是 那个box.top这里,不知道为什么,其他调用的时候都没问题,就是点击图片的时候它就变成负数,估计它是获得img的距离document的高度,而不是当前鼠标点击的地方距离document的高度,或者其他。

  所以我就在得到y之前去判断box.top是否>0,然后将其等于0。然而并没有效果。即:box.top= box.top<0 ? 0 : box.top;

  不行我就直接在y=box.top + pos.y 这改, y = (parseInt(box.top) < 0 ? 0 : box.top) +pos.y;

  这个bug解决了,但不知道哪里会出现问题。所以 改的时候 请多测测。反正 我是没找到有问题的地方,有的话,记得提醒哦。谢谢。

  以上所述就是本文的全部内容了,希望能给有相同需求的小伙伴们一些帮助。

时间: 2024-11-01 04:41:44

kindeditor编辑器点中图片滚动条往上顶的bug的相关文章

png-WTL中图片控件上PNG图不透明

问题描述 WTL中图片控件上PNG图不透明 用WTL框架 在图片控件上贴图后不透明 这段是加载图片:bool ShowJpgGif(CImage& img,char* strPath) { IStream pStm; int len = 0; FILE f = fopen(strPath,"rb"); if (f != NULL) { fseek(f,0,SEEK_END); len = ftell(f); rewind(f); HGLOBAL hGlobal = Global

kindeditor编辑器本地测试可以!!上传服务器后换行就报错!!!

问题描述 kindeditor编辑器本地测试可以!!上传服务器后换行就报错!!! 解决方案 关闭validaterequest,要不提交的内容包含html代码会提示这个错误,和ke没关系,注意framework4的web.config配置,和2不一样 framework4.0设置validateRequest false无效

java-Java实现自动识别文件夹中图片路径?上传到网站中的 源码,很急

问题描述 Java实现自动识别文件夹中图片路径?上传到网站中的 源码,很急 Java实现自动识别文件夹中图片路径,上传到网站中的 源码,比如,我有一个文件夹,里面有许多图片,需要发布到一个网站 解决方案 你直接复制到服务器不必这个快??? 解决方案二: 这个发布到服务器不是把地址发布到服务器,而是把图片上传的服务器,服务器没有C盘D盘什么的,它是图片上传到服务其的一个指定地址,在把这个地址存入类中对应的数据库字段中,在通过掉用这个地址获得图片,如果是在本地就可以通过String name=fil

YII中Ueditor富文本编辑器文件和图片上传的配置图文教程

将Ueditor集成到YII框架中后,参照editor_config.js中的toolbars中的内容,更改options中标签可以给编辑器添加想要的功能: 因此要想添加文件和图片上传功能,应该加入以下两个标签: 文本编辑器中便出现了对应的两个选项: 但是点击上传图片按钮后发现,无法正常进行图片上传,文件上传也是失败的,问题都是Flash Player需要升级, 因此在火狐浏览器中安装对应的flash player组件,选择其中一个工作: 此时,文件上传和图片上传功能就能正常使用了: 上传路径的

kindeditor编辑器-在asp.net中如何在后台获取kindeditor输入的内容

问题描述 在asp.net中如何在后台获取kindeditor输入的内容 js代码: var editor; KindEditor.ready(function(K) { editor = K.create('textarea[name=""content""]' { allowFileManager : true resizeType : 1 allowPreviewEmoticons : false allowImageUpload : true items :

【Android开发】经典范例1-在GridView中显示SD卡上的全部图片

实现一个在GridView中显示SD卡上的全部图片的实例. 在mian.xml布局文件中加入GridView组件,列数4,也就是每行显示4张图片 res/layout/main.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tool

Struts2中图片以base64方式上传至数据库_java

1.页面 这里输入代码 <div> <span id="uploadImg" style="margin:50px;background-color:#ddd;display:inline-block;height:130px;width:200px;"> <span style="color:#bbb;font-weight:600;border:2px #ccc dashed;font-size:20px;text-ali

zend framework中调用kindeditor编辑器实现方法

cmd命令进入zf.bat所在的目录, zf.bat create project 项目的全路径(如:d:/hspzf) 如果提示php.exe不是内部或外部命令,就要将你自己的php文件夹目录D:wampbinphpphp5.4.3和www目录D:wampwwwbin(即使www目录下没有bin这个目录,也加上为好)加到path路径中去,这样建立出来的zf项目的目录结构是很全面的.   第二点: 如果想在view视图中引入js或者css样式,可以通过如下命令:  代码如下 复制代码 <?php

用ckeditor上传图片 图片已经上传到服务器 在服务器文件夹中也能找到 上传栏中也显示返回的地址 但 图像中 源文件地址为空 整么将上传返回的图片

问题描述 用ckeditor上传图片图片已经上传到服务器在服务器文件夹中也能找到上传栏中也显示返回的地址但图像中源文件地址为空怎么将上传返回的图片显示出来?谢谢 解决方案 解决方案二:保存图片的时候,连同路径一块保存,然后读取路径显示