PHPMYADMIN调整编辑器高度大小

时间:2014-07-22 05:24:18

标签: php html mysql css phpmyadmin

在下面的phpmyadmin截图中,您可以看到phpmyadmin的编辑器大小有限 高度非常小,我们从这个编辑器编码有问题 如何调整此编辑器的大小?

标准编辑:

enter image description here

INLINE编辑器:

enter image description here

4 个答案:

答案 0 :(得分:1)

我所做的是我为Chrome浏览器TamperMonkey(Firefox GreaseMonkey)并创建了自己的脚本来覆盖样式。

您也可以这样做,只需打开界面,添加新脚本并将其粘贴到:

// ==UserScript==
// @name         phpMyAdmin SQL editor height fix
// @namespace    http://josephwebber.ca/
// @version      1.1
// @description  Changes the SQL editors' height
// @author       Joseph Webber
// @match        phpMyAdmin
// @include      */phpMyAdmin/*
// @grant        GM_addStyle
// ==/UserScript==
/* jshint -W097 */
'use strict';

// 1.0    
//GM_addStyle(".CodeMirror { min-height: 49px !important } .CodeMirror, #inline_editor_outer .CodeMirror, .CodeMirror-wrap .CodeMirror-scroll { height: auto !important; }");

// 1.1
GM_addStyle(".CodeMirror { min-height: 49px !important } .CodeMirror, #inline_editor_outer .CodeMirror, .CodeMirror-wrap .CodeMirror-scroll { height: auto !important; } .sql { max-height: initial !important; }");

这样即使phpMyAdmin的文件更新,您的更改也不会被覆盖。

答案 1 :(得分:0)

有两种方法可以执行此操作,一种方法适用于该会话,但一旦刷新页面或重新打开浏览器,您将不得不重做这些步骤。

临时解决方案:

在Google Chrome /您最喜欢的网络浏览器中,右键单击内联编辑器,然后选择检查元素。

查找<div class="CodeMirror cm-s-default CodeMirror-wrap">并在样式更改下

#inline_editor_outer .CodeMirror {
  height: 6em;
}

更大的东西,比如60em;

永久解决方案是编辑phpmyadmin.css并更改该行。我正在运行它的版本是〜第3885行。

这使得框更大,但是在它放置该区域中的滚动条之前它允许的文本行是相同的5-10。所以我们需要再做一次改变。

<div class="CodeMirror-scroll" tabindex="-1" style="height: 75px;">

是下一个违规行。在Chrome检查器中,将height: 75px;更改为height: 750px;

由于这是使用style属性而不是CSS完成的,我认为除非你编辑sql.php文件并找到它所在的位置并重写它,否则你不能永久修复它。< / p>

不确定为什么他们不只是在右下方添加一个东西,这样你就可以增加盒子的大小,它也让我疯狂。

编辑:如果您曾经写过GreaseMonkey脚本或谷歌浏览器扩展程序或其他修复此问题的内容,请告诉我们!

答案 2 :(得分:0)

要在步骤下方增加内联编辑框 pls流程的高度。

用于phpmyadmin版本: 4.5.1 。主题: pmahomme

我的phpmyadmin主题文件夹的路径: C:\ xampp \ phpMyAdmin \ themes \ pmahomme \ css

编辑: codemirror.css.php

来自:#inline_editor_outer .CodeMirror { height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 0.4); ?>em; }

要:#inline_editor_outer .CodeMirror { height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * **2**); ?>em **!important**; }

然后执行 Ctrl + f5 - 刷新phpmyadmin标签。

答案 3 :(得分:0)

在你的phpmyadmin文件夹中找到的config.inc.php文件中,如果你手动安装它,或者你在Ubuntu下安装它作为包unter /etc/phpmyadmin/config.inc.php

在底部附近添加以下行

$cfg['TextareaRows'] = 8; // number of rows for the sql editor textarea

在文件末尾

/* Support additional configurations */
foreach (glob('/etc/phpmyadmin/conf.d/*.php') as $filename)
{
    include($filename);
}

然后保存并重新加载您的phpmyadmin页面。这些更改会立即生效。

在这个文件中你也可以设置很多其他配置。