Dal completamento automatico è ora una parte della ACE api:
1) Inserisci ace.js nella parte superiore del tuo html:
<script type="text/javascript" src="js/ace.js"></script>
2) comprendono anche il vostro mode (tipo di lingua):
<script type="text/javascript" src="js/mode-yaml.js"></script>
3) comprendono anche il vostro theme:
<script type="text/javascript" src="js/theme-monokai.js"></script>
4) comprendono anche ex-language_tools.js:
<script src="js/ext-language_tools.js"></script>
5) Aggiungi il tuo div con editor di id (questo diventerà il vostro IDE):
<div id="editor"></div>
6) Includere il seguente script (vedere i miei commenti per capirli):
<script>
var langTools = ace.require("ace/ext/language_tools");
La riga sotto trasforma il div con id = "edito r "nell'editor
var editor = ace.edit("editor");
La riga in basso imposta il tema del colore. Altri temi disponibili here ... provarli here
editor.setTheme("ace/theme/monokai");
Linea sotto imposta la modalità basata su linguaggio di programmazione ... altre modalità qui:
editor.getSession().setMode("ace/mode/yaml");
editor.setShowPrintMargin(false);
righe sotto si trasforma ON completamento automatico in tempo reale.
editor.setOptions({
enableBasicAutocompletion: true,
enableSnippets: true,
enableLiveAutocompletion: false
});
Così, il tutto potrebbe essere suddiviso in quanto segue:
<!DOCTYPE html>
<html>
<head>
<title>IDE AUTOCOMPLETE</title>
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.min.css">
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/ace.js"></script>
<script type="text/javascript" src="js/mode-yaml.js"></script>
<script type="text/javascript" src="js/theme-monokai.js"></script>
<script src="js/ext-language_tools.js"></script>
</head>
<body>
<!-- EDITOR SECTION BELOW! -->
<div id="editor"></div>
<script>
var langTools = ace.require("ace/ext/language_tools");
var editor = ace.edit("editor");
editor.setTheme("ace/theme/monokai");
editor.getSession().setMode("ace/mode/yaml");
editor.setShowPrintMargin(false);
editor.setOptions({
enableBasicAutocompletion: true,
enableSnippets: true,
enableLiveAutocompletion: false
});
</script>
<!-- EDITOR SECTION ABOVE -->
</body>
</html>
questo è molto buono, ma solo una domanda veloce, dov'è il resto della documentazione? Voglio scrivere alcuni snippet per latex e sono bloccato, come potrei scrivere snippet per qualcosa come \ begin {... che può avere 10 cose diverse dopo di esso? vedere le possibilità qui: https://github.com/mercutiodesign/texmaker-3.3.3/blob/master/completion/completion.txt – mike
ci sono alcuni documenti a http://ace.c9.io/ – hwjp
I can ' Credo che non ci sia documentazione migliore per questo sul sito ufficiale ... grazie mille, ho cercato davvero a lungo finché non ho trovato la tua risposta – moeTi