在模态框(Modal)中使用UEditor全屏显示的一个坑

  根据这个问题很简单就能查到一些文章明确说明了解决问题的方法,就是如下一段代码:

var isModal = false;
//判断该dom是否为modal
var classes = $(container).attr(‘class‘);
if (classes !== undefined) {
    classes = classes.split(‘ ‘);
    for (var i = 0; i < classes.length; i++) {
        if (classes[i] == "modal") {
            isModal = true;
        }
    }
}
//如果是modal,则不设置position为static
if (!isModal) {
    container.style.position = "static";
}

  并且还附上了GitHub上的解决链接,但是!由于时间久远,GitHub好像经过一些迁移,帖子是失效的,而把这段代码简单地粘贴进文件里也无法解决问题,所以我又继续去找,找到了GitHub上的这个Issue

https://github.com/Wizzercn/NodeWk/commit/e11ace39ce025337533dbfcaf8e5e90bd72c12cd#diff-0e410f95dc74347de57d2e19a1a43c61

  里面的解决代码是相同的,但是位置却不同,上面的代码是多个部分的,之前的人转帖时是放在一起的,至少对于现在的版本而言,已经无法生效了。

  具体解决方法去看GitHub就可以了,因为修改的地方都有用不同颜色详细标记,还分了普通和压缩版本。

时间: 2024-10-09 17:31:35

在模态框(Modal)中使用UEditor全屏显示的一个坑的相关文章

Android中界面实现全屏显示的两种方式

在开发android的应用当中,我们会遇到将一些界面设置为全屏显示的格式,有两种实现的方法.其一是在Java代码中实现,其二是在配置文件中实现. 1. 在Java代码中设置 super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); //无title getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, Window

QT中关于窗口全屏显示与退出全屏的实现

近期在学习QT时遇到了很多问题这也是其中一个,个人通过在各种书籍和网络上的查阅找到了一些关于这方面的答案,希望能给大家一些帮助. 首先,在QT中对于窗口显示常用的有这么几个方法可以调用: Qt全屏显示函数            showFullScreen() Qt最大化显示函数         showMaximized()Qt最小化显示函数         showMinimized()Qt固定尺寸显示函数      resize(x,y)Qt设置最大尺寸函数      setMaximum

02-让 framset 框架中的页面全屏显示

<script type="text/javascript"> window.onload=function(){ if(window.parent!=window){//如果是在框架中 //就让框架页面跳转到登录页面 window.parent.location.href="${pageContext.request.contextPath}/login.jsp"; } }; </script> 原文地址:https://www.cnblo

Bootstrap历练实例:模态框(Modal)插件

模态框(Modal)是覆盖在父窗体上的子窗体.通常,其目的是显示来自一个单独源的内容,可以在不离开父窗体的情况下进行一些交互,子窗体提供一些交互或信息. <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Bootstrap历练实例:模态框(Modal)插

Bootstrap(v3.2.0)模态框(modal)垂直居中

Bootstrap(v3.2.0)模态框(modal)垂直居中方法: 在bootstrap.js文件900行后面添加如下代码,便可以实现垂直居中. that.$element.children().eq(0).css("position", "absolute").css({ "margin":"0px", "top": function () { return (that.$element.height(

WebView中的视频全屏的相关操作

最近工作中,基本一直在用WebView,今天就把它整理下: WebView 顾名思义,就是放一个网页,一个看起来十分简单,但是用起来不是那么简单的控件. 首先你肯定要定义,初始化一个webview,其实网上的例子很多,我这里就简单的把一些WebView 中可能会用到的的很重要的属性以及支持全屏播放视频该怎么实现的代码粘出来,直接放到项目中去就行了 <span style="white-space:pre"></span><pre name="co

C# WinForm中 让控件全屏显示的实现代码

夏荣全 ( lyout(at)163.com )原文 C#中让控件全屏显示的实现代码(WinForm) 有时候需要让窗口中某一块的内容全屏显示,比如视频播放.地图等等.经过摸索,暂时发现两种可行方法,如果有谁知道其他方法,敬请告知 1.使用winapi “SetParent” 接口: [DllImport("user32.dll", SetLastError = true)] static extern IntPtr SetParent(IntPtr hWndChild, IntPtr

在一个没有固定宽高的容器中,为什么设置position:absolute后就可以全屏显示了?

此场景适用于移动端百分比布局,背景全屏显示. 在一个没有固定宽高的容器中设置背景,想要背景全屏显示,设置宽高100%后还需设置position:absolut; 原因: absolute会脱离normal float, 即该元素会直接以root标签(类似window但不是<html>标签)进行参照,而root标签的高度存在具体数值, 即浏览器视窗高度, 有明确px值. 而relative不会脱离normal float, 他的height会直接依赖直接父元素(em单位也是), 所以百分比计算出

修改linux内核开机logo并居中全屏显示【转】

本文转载自:http://blog.csdn.net/xuezhimeng2010/article/details/49299781 1.准备图片  使用ubuntu自带的绘图软件GIMP是最为快捷的方式,使用命令进行转换也可以,实际测试中用命令转换图片老提示错误,所以就用GIMP的方式处理了.具体流程如下:(1)打开GIMP软件并加载图片资源(file->open),自己的原图片格式应该不限制,我的是bmp格式的.(2)点击Image->mode->Indexed 并在弹出的选项框内设