Jquery 如何使ACE编辑器像html';文本区

Jquery 如何使ACE编辑器像html';文本区,jquery,twitter-bootstrap,ace-editor,Jquery,Twitter Bootstrap,Ace Editor,我用的是内部模态 有没有一种方法可以让用户在不使用jquery ui的情况下调整ace编辑器的大小 或者,如果不可能,我想设置min-max lines Display,我发现了这一点,但jquery ace似乎记录错误,因为我无法访问ace对象以调用setOption var decorator = $('.my-code-area').data('ace'); var aceInstance = decorator.ace; // this is wrong // decorator.edi

我用的是内部模态

有没有一种方法可以让用户在不使用jquery ui的情况下调整ace编辑器的大小

或者,如果不可能,我想设置min-max lines Display,我发现了这一点,但jquery ace似乎记录错误,因为我无法访问
ace
对象以调用
setOption

var decorator = $('.my-code-area').data('ace');
var aceInstance = decorator.ace; // this is wrong
// decorator.editor.ace --> this is more correct but it doesn't have setOption()

从更新内置ace修复了该问题

下面是代码较长时自动调整大小的工作示例

var aces = el.find('textarea.code.json:enabled')
aces.ace({ theme: 'eclipse', lang: 'json' }).each(function(idx,editor){
    var ace = $(editor).data('ace').editor.ace;
    ace.setOption("maxLines", 10);
    ace.setOption("minLines", 2);
});

从更新内置ace修复了该问题

下面是代码较长时自动调整大小的工作示例

var aces = el.find('textarea.code.json:enabled')
aces.ace({ theme: 'eclipse', lang: 'json' }).each(function(idx,editor){
    var ace = $(editor).data('ace').editor.ace;
    ace.setOption("maxLines", 10);
    ace.setOption("minLines", 2);
});

我花了很多时间试图找到一种方法来调整Ace编辑器窗口的大小而不抖动,使用jQuery UI或任何其他附加的lib(因为这只是额外的膨胀),所以我最终想出了自己的自定义解决方案

拖动由一个2倍高的div来处理,它在mousedown上将编辑器上的
opacity
设置为
0
,然后在mouseup上返回到
1

这实质上导致包装器div在拖动过程中显示,然后隐藏。利润

var editor=ace.edit(“smyles_editor”);
var=false;
var wpoffset=0;
//如果我们不得不使用WordPress,请取消下面的注释行
//32px用于管理栏,减去1px至2px滑块栏中心
//wpoffset=31;
编辑:setTheme(“ace/theme/monokai”);

//内联必须是真实的语法高亮显示PHP而不打开花了大量的时间试图找到一种方法来调整Ace编辑器窗口的大小而不抖动,使用jQuery UI或任何其他附加的lib(因为这只是额外的膨胀),所以我最终想出了自己的自定义解决方案

拖动由一个2倍高的div来处理,它在mousedown上将编辑器上的
opacity
设置为
0
,然后在mouseup上返回到
1

这实质上导致包装器div在拖动过程中显示,然后隐藏。利润

var editor=ace.edit(“smyles_editor”);
var=false;
var wpoffset=0;
//如果我们不得不使用WordPress,请取消下面的注释行
//32px用于管理栏,减去1px至2px滑块栏中心
//wpoffset=31;
编辑:setTheme(“ace/theme/monokai”);
//内联必须为true,以便语法高亮显示PHP而不打开