CodeMirror最初是隐藏的

Question

我正在编辑略为修改的选项框架。我正在functions.interface.php中对脚本进行排队。这是函数

function of_load_only() {
    // add_action('admin_head', 'smof_admin_head');
    wp_enqueue_script("jquery-ui-core");
    wp_enqueue_script("jquery-ui-sortable");
    wp_enqueue_script("jquery-ui-slider");
    wp_enqueue_script("jquery-input-mask", ADMIN_DIR ."assets/js/jquery.maskedinput-1.2.2.js", array("jquery"), false, true);
    wp_enqueue_script("tipsy", ADMIN_DIR ."assets/js/jquery.tipsy.js", array("jquery"), false, true);

    // enqueue codemirror
    wp_enqueue_script("codemirror", ADMIN_DIR . "assets/js/codemirror/codemirror.min.js", array(), "3.15", true);

    // wp_enqueue_script('color-picker', ADMIN_DIR .'assets/js/colorpicker.js', array('jquery'));
    wp_enqueue_script("cookie", ADMIN_DIR . "assets/js/cookie.js", array("jquery"), false, true);
    wp_enqueue_script("smof", ADMIN_DIR ."assets/js/smof.js", array("jquery"), false, true);
    // Enqueue colorpicker scripts for versions below 3.5 for compatibility
    if(!wp_script_is("wp-color-picker", "registered")) {
        wp_register_script("iris", ADMIN_DIR ."assets/js/iris.min.js", array("jquery-ui-draggable", "jquery-ui-slider", "jquery-touch-punch"), false, 1);
        wp_register_script("wp-color-picker", ADMIN_DIR ."assets/js/color-picker.min.js", array("jquery", "iris"));
    }
    wp_enqueue_script("wp-color-picker");

    // Enqueue scripts for file uploader
    if(function_exists("wp_enqueue_media")) {
        wp_enqueue_media();
    }
    do_action("of_load_only_after");
}

下面是指向相关源代码的链接。

问题

到目前为止，与Ace相比，CodeMirror处理起来要简单得多。我遇到的问题是，CodeMirror最初是隐藏的，直到我按下编辑器本身的一个键。我在这里读过“解决方案”：

• CodeMirror有内容，但在按键之前不会显示
• JavaScript / CodeMirror -刷新文本区域

我试过的

这是代码

$("#custom_css").val("/* Write code here */");
var codemirror_editor = CodeMirror.fromTextArea(document.getElementById("custom_css"), {
    lineNumbers: true,
    matchBrackets: true,
    styleActiveLine: true,
    lineWrapping: true,
    autoCloseBrackets: true,
    showTrailingSpace: true,
    indentUnit: 4,
    indentWithTabs: true,
    viewportMargin: Infinity,
    autofocus: true
});
// codemirror_editor.refresh(); // does not work even on the CodeMirror instance
// setTimeout(codemirror_editor.refresh, 0) // does not work per the CodeMirror has content but won't display until keypress solution

在编辑器中，这里有两个显示在keypress和keypress之后的图像。

​

​

Answer 1

这是admin-style.css第422行中的CSS问题。评论一下，它就解决了我的困境！