标签: ace-editor

如何让textarea成为ACE编辑器?

我希望能够将页面上的特定textareas转换为ACE编辑器.

有人有任何指示吗?

编辑:

我有一个使用textarea的editor.html文件,但是只要我添加第二个,第二个就不会转换为编辑器.

编辑2:

我决定废弃几个想法,而是在一个新窗口中打开一个.我的新困境是当我隐藏()并显示()textarea时,显示器出错了.有任何想法吗?

javascript textarea ace-editor

90
推荐指数
3
解决办法
6万
查看次数

为ace编辑器设置值而不选择整个编辑器

因此,您可以设置ace编辑器setValue的值,但在设置值后,编辑器将选择编辑器的整个值.你怎么禁用这个?这意味着当我将ace编辑器的值设置为时Hello world,它不会突出显示Hello world

ace-editor

84
推荐指数
4
解决办法
3万
查看次数

如何从ACE编辑器获得价值?

我是ACE第一次使用编辑器.我有以下与此相关的问题.

  1. 如何ACE在页面上找到编辑器实例?我不想维护一个包含编辑器实例的全局变量.我需要根据需要找到它的实例.

  2. 如何获得并设定其价值?

我愿意接受任何比ACE编辑更好的编辑器的建议,它将支持几乎所有类型的语言/标记/ CSS等,并与之高度集成jQuery.

javascript jquery ace-editor

61
推荐指数
4
解决办法
5万
查看次数

在Ace Cloud 9编辑器中自动调整内容的高度

我正在尝试将Ace编辑器添加到页面中,但我不知道如何根据其内容的长度自动设置高度.

理想情况下它会起作用,所以当内容改变时,重新计算高度,但我会对页面加载时设置的高度感到满意.

对于JavaScript新手,有人可以帮我弄清楚我如何计算代码的长度,跨越多少行,新高度是什么以及如何更新DOM以反映这一点?

我在谷歌小组中找到了这个建议,但我真的不明白它在做什么以及如何调整高度.

editor.getSession().getDocument().getLength() *
editor.renderer.lineHeight + editor.renderer.scrollBar.getWidth()
Run Code Online (Sandbox Code Playgroud)

javascript ace-editor

61
推荐指数
4
解决办法
4万
查看次数

在移动触摸屏设备的Ace文本编辑器上慢速滚动

我正在尝试让JavaScript代码编辑器ACE在移动设备上运行.

var editor = ace.edit("editor");
editor.setTheme("ace/theme/twilight");
editor.getSession().setMode("ace/mode/css");
Run Code Online (Sandbox Code Playgroud)

你可以在这里找到完整的代码

对于任何移动设备,垂直滚动似乎根本没有响应,并且它已经滞后了很多.我怎样才能让它更具响应性?

javascript mobile ace-editor

47
推荐指数
1
解决办法
1739
查看次数

有没有办法在Ace Editor中隐藏垂直标尺?

有没有办法隐藏Ace中的垂直标尺?

垂直标尺我的意思是编辑器中的垂直线为80个字符,这有助于将线条保持在一定长度.

我想给我的用户提供启用/禁用它的选项.如果可能的话

ace-editor

38
推荐指数
1
解决办法
7019
查看次数

如何将注意力集中在ace编辑器上?

我在jquery选项卡界面中使用ajax.org中的ace编辑器组件.每个选项卡都包含一个单独的ace编辑器.每当我切换到新选项卡时,其中的编辑器将无法获得焦点.

我可以通过绑定到jquery UI的"tabsshow"事件来检测何时选择了选项卡.如果我的编辑器div的id是第一个选项卡的editor-tab-0,那么有没有人知道如何将焦点设置到其中的编辑器中,依此类推......?

请帮助一下吗?

javascript jquery jquery-ui ace-editor

35
推荐指数
4
解决办法
2万
查看次数

ACE编辑器中的自动完成功能

我发现了simmilar问题:Ace Editor自动完成和多种语言

但是回应是ACE不支持自动完成,并且根据 Google编辑组的Ace编辑说: "这是我对Ace的渴望,我们明确地需要它用于Cloud9".

这篇文章已经有一年了,正如你所看到的,cloud9现在支持自动完成:https://c9.io/site/features/

那么默认情况下Ace Editor中是否有自动完成功能?我找不到任何有关它的信息.

javascript html5 autocomplete syntax-highlighting ace-editor

35
推荐指数
5
解决办法
3万
查看次数

确定JavaScript语法在ACE的更改处理程序中是否有效

我正在使用ACE编辑器进行交互式JavaScript编辑.当我将编辑器设置为JavaScript模式时,ACE会自动确定代码是否有效,并且错误消息和行号不会突出显示.

change事件处理程序期间,我想在我尝试之前检测ACE是否认为代码有效eval().我认为我可以这样做的唯一方法是:

var jsMode = require("ace/mode/javascript").Mode;
var editor = ace.edit('mycode'), edEl = document.querySelector('#mycode');
editor.getSession().setMode(new jsMode);
editor.getSession().on('change',function(){
  // bail out if ACE thinks there's an error
  if (edEl.querySelector('div.ace_gutter-cell.ace_error')) return;
  try{
    eval(editor.getSession().getValue());
  }catch(e){}
});
Run Code Online (Sandbox Code Playgroud)

然而:

  1. 借助特定类在UI中存在元素似乎非常脆弱,但更重要的是,
  2. 发生解析视觉更新change回调发生.

因此,我实际上必须等待超过500毫秒(JavaScript工作人员开始之前的延迟):

editor.getSession().on('change',function(){
  setTimeout(function(){
    // bail out if ACE thinks there's an error
    if (edEl.querySelector('div.ace_gutter-cell.ace_error')) return;
    try{
      eval(editor.getSession().getValue());
    }catch(e){}
  },550); // Must be longer than timeout delay in javascript_worker.js
});
Run Code Online (Sandbox Code Playgroud)

有没有更好的方法,在JS模式的未记录的API中,询问是否有任何错误?

javascript ace-editor

23
推荐指数
2
解决办法
1万
查看次数

如何在ACE编辑器中更改字体样式?

我在我的页面上使用ACE编辑器,

<script src="ace-builds-master/src-noconflict/ace.js" type="text/javascript" charset="utf-8">
</script>
<script>
    var editor = ace.edit("editor");
    editor.setTheme("ace/theme/cobalt");
    editor.getSession().setMode("ace/mode/geco");
</script>
Run Code Online (Sandbox Code Playgroud)

默认情况下它显示一种字体,我想将我的字体更改为'Tahoma 10pt'.

我怎么做?

javascript ace-editor

19
推荐指数
2
解决办法
2万
查看次数