问

在AceQuery UI Resizable Component中嵌入Ace Editor

大西guoguo_120 发布于 2023-01-08 12:32

我试图通过将ace编辑器嵌入可调整大小的组件中来使其可以调整大小.我一直在尝试使用jQuery UI Resizable组件,但我无法让ace编辑器出现在可调整大小的组件中.

码:





  Resizable Ace Editor Using jQuery
  
  
  
  
  
  
  




  Ace Editor

我还希望ace编辑器能够响应容器大小的变化并调整自身大小以使其填满整个空间.这可能与jQuery UI一起使用吗？如果没有,我该怎么做到这一点？

1 个回答

您需要使#editor节点与#resizable节点大小相同

  <style>
  #resizable{position: relative}
  #editor{position: absolute; top:0;left:0;right:0;bottom:0;}
  </style>

当容器节点的大小发生变化时,通过调用通知编辑器 editor.resize();

    $( "#resizable" ).resizable({
      resize: function( event, ui ) {
        editor.resize();
      }
    });

见http://jsbin.com/ojijeb/645/edit

2023-01-08 12:36 回答

mobiledu2502917073

撰写答案

今天，你开发时遇到什么问题呢？

热门标签