ACE 편집기의 고급 자동 완성

Question

정교한 코드 완성을 ACE 편집기에 추가하려고합니다. 내가 bugatti 후 점을 타격시 ACE에 다음 자바 스크립트 ...

function Car() {} 

Car.prototype = { 
    model : '', 
    maxSpeed : 0 
}; 

var bugatti = new Car(); 
bugatti. 

를 ... 입력하면

예를 들어, 옵션 "model은"와 "maxSpeed"나타납니다.

ACE에 새로운 "enableBasicAutocompletion"기능이 있지만 매우 부족한 것 같습니다. ACE 편집기에 입력 된 코드를 기반으로 자동 완성을 원하고 있습니다. 키. 자동 완성 제안은 해당 개체의 속성입니다. http://youtu.be/CSEDIhT6bXU

1시 45분에서, 당신은 자동 완성이 사용자의 자바 스크립트를 기반으로 볼 수 있지만이 달성 된 방법의 더 데모 나 설명이 없다 : 나는 찾을 수

가장 가까운 것은이 YouTube 동영상입니다.

Answer 1

요즘은 에이스의 일부입니다. API에서는 문서가 아니라 하드 그물 검색을 통해 문서화되어 있습니다. ace/ext-language_tools.js를 html에 추가하십시오. 점 양식이 아직 제대로 작동하지 않으므로 ctrl-space 또는 alt-space를 입력해야 할 수도 있습니다 (호출 할 속성/메소드를 약간 쓰면 표시해야하지만). 이제 writting 함수와 같은 함수가 표시됩니다. 그런 다음 JS에서 :

var editor = ace.edit("editor"); 

ace.require("ace/ext/language_tools"); 
editor.setOptions({ 
    enableBasicAutocompletion: true, 
    enableSnippets: true, 
    enableLiveAutocompletion: true 
}); 

Answer 2

The TernJS project 당신이 찾고있는 것입니다.

여기에 ACE가있는 an example integration이 있습니다.