Hallo,
um Code innerhalb eines DIV-Tags für etwaige Sprachen formatiert und mit entprechendem Syntax-Highlighting anzuzeigen, möchte ich den ACE-Editor nutzen.
Unter folgendem Link ist auch eine relativ simple Anleitung zum Einbinden vorgestellt: Emedding Ace In Your Site
Der Code ist wie im Beispiel in index.html eingebunden, der Ace-Pfad liegt relativ zur index-file unter "js/ace" mit allen erforderlichen Dateien.
Unmittelbar vor dem Ende des Bodys steht daher folgender Code:
und an ensprechender Stelle der anzuprechende Bereich über die ID "editor":
Leider bleibt der Text unformatiert. Es scheint aller Voraussicht nach ein Problem mit den Pfaden zu sein. Hat jemand eine Idee was noch fehlt oder wie die Pfade aussehen müssen?
Anmerkung: Laut Firebug kann das Ace-Objekt nicht instanziiert bzw. gefunden werden...
Grüße Cappaja
um Code innerhalb eines DIV-Tags für etwaige Sprachen formatiert und mit entprechendem Syntax-Highlighting anzuzeigen, möchte ich den ACE-Editor nutzen.
Unter folgendem Link ist auch eine relativ simple Anleitung zum Einbinden vorgestellt: Emedding Ace In Your Site
Der Code ist wie im Beispiel in index.html eingebunden, der Ace-Pfad liegt relativ zur index-file unter "js/ace" mit allen erforderlichen Dateien.
Unmittelbar vor dem Ende des Bodys steht daher folgender Code:
Code:
<script src="js/ace/ace.js" type="text/javascript" charset="utf-8"></script>
<script>
var ace = require("js/ace");
var editor = ace.edit("editor");
editor.setTheme("js/ace/theme/monokai");
editor.getSession().setMode("js/ace/mode/javascript");
</script>
und an ensprechender Stelle der anzuprechende Bereich über die ID "editor":
HTML:
<div id="editor">function foo(items) {
var x = "All this is syntax highlighted";
return x;
}</div>
Leider bleibt der Text unformatiert. Es scheint aller Voraussicht nach ein Problem mit den Pfaden zu sein. Hat jemand eine Idee was noch fehlt oder wie die Pfade aussehen müssen?
Anmerkung: Laut Firebug kann das Ace-Objekt nicht instanziiert bzw. gefunden werden...
Grüße Cappaja