【问题标题】:How to hide/unhide codemirror如何隐藏/取消隐藏代码镜像
【发布时间】:2017-11-04 09:27:47
【问题描述】:

我想完全隐藏/取消隐藏代码镜像实例。 是否有任何预定义的方法可以做到这一点,或者我需要以某种方式选择 div 并将其隐藏。

【问题讨论】:

  • 我试图通过它的 ID 获取它,但它不起作用。 cm.getWrapperElement().style.display="none";工作正常。
  • 那是因为CodeMirror去掉了原来的元素,用自己的集合代替了。
  • 是的,我知道,div 是 'class="CodeMirror cm-s-default" ',但我无法隐藏它。但是,它适用于前面提到的方法。

标签: javascript codemirror


【解决方案1】:

根据文档,CodeMirror 的主编辑器对象有一个方法可以将主包装 DOM 元素返回给您。

cm.getWrapperElement()

从那里,您应该能够像隐藏任何 html 元素一样隐藏元素。

【讨论】:

    【解决方案2】:

    根据 Lochemage 的回答,以下代码将执行 Codemirror 实例的隐藏/显示。

    var cm = $('.CodeMirror')[0].CodeMirror;
    
    //Hide
    $(cm.getWrapperElement()).hide();
    
    //Show
    $(cm.getWrapperElement()).show();
    

    【讨论】:

    • 什么是“cm”,请问您也能具体说明一下吗?
    【解决方案3】:

    这行得通

    var cm = $('.CodeMirror')[0];
    var cm$ = $(cm.getWrapperElement());
    //Hide
    cm$.hide();
    //Show
    cm$.show();
    

    【讨论】:

      猜你喜欢
      • 2021-11-15
      • 2014-10-24
      • 2012-12-15
      • 1970-01-01
      • 2020-02-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多