Wie bekomme ich Wert vom ACE-Editor?

Ich bin mit ACE - editor für die erste Zeit. Ich habe die untenstehenden Fragen.

  1. Wie finde ich die Instanz von ACE - editor auf der Seite? Ich will nicht
    pflegen Sie eine Globale variable, die halten Sie die editor-Instanz. Ich
    finden müssen die instance-on-demand.
  2. Wie zu bekommen, und setzen Sie seinen Wert?

Ich bin offen für Vorschläge für besseren editor als ACE - editor, die Unterstützung fast alle Arten von Sprache/markup/css etc und hoch integriert mit jQuery.

Kommentar zu dem Problem
Oh, was für ein Durcheinander. Der editor jetzt bekannt als "ace" Befugnisse der Cloud9 IDE (cloud9-ide). Die editor-Motor war früher bekannt als Skywriter (skywriter) und das war ehemals Bespin (bespin, embedded-bespin). Dummerweise sind die aktuellen ass - tag ist nicht für den editor. Kommentarautor: Charles
@Charles: Und Ihr Punkt ist...? Kommentarautor: Mrchief
@Mrchief, vier tags für eine Sache ist eine gute. Vielen Dank für mich zu schlagen, um dem neuen tag der Schöpfung, obwohl. Es sei denn, Sie bekommen es schon vor mir, ich werde durch die anderen tags und das hinzufügen der neuen, relevanten Fragen. Kommentarautor: Charles
@Charles: sein Kann oder nicht. ace-editor ein Javascript Dingens, muss die JS-tag. Seit der OP ist auch auf der Suche nach integration mit jQuery, jQuery macht auch Sinn. Ich entfernte die falsche 'ace' - tag. Kommentarautor: Mrchief

InformationsquelleAutor der Frage ShankarSangoli | 2012-01-22

  1. 105

    Pro Ihre API:

    Markup:

    <div id="aceEditor" style="height: 500px; width: 500px">some text</div>

    Finden Sie eine Instanz:

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

    Getting/Setting Values:

    var code = editor.getValue();

editor.setValue("new code here");

    Basierend auf meiner Erfahrung, Ace ist der beste code-editor, die ich gesehen habe. Es gibt nur wenige andere, wie Nutzung des Codemirror etc. aber ich fand Sie weniger nützlich, oder nur schwer zu integrieren als Ass.

    Hier ist eine Wiki-Seite für den Vergleich von solchen Editoren.

    Gibt es einen bezahlt man auch, die ich noch nicht ausprobiert habe (und ich kann mich nicht erinnern, für jetzt). Wird später aktualisiert, wenn ich es finden kann.

    InformationsquelleAutor der Antwort Mrchief

  2. 13

    Speichern Sie den Inhalt des Editors legte ich einen versteckten Eingang unmittelbar vor ihm, und initialisiert sich der editor etwa so:

        var $editor = $('#editor');
    if ($editor.length > 0) {
        var editor = ace.edit('editor');
        editor.session.setMode("ace/mode/css");
        $editor.closest('form').submit(function() {
            var code = editor.getValue();
            $editor.prev('input[type=hidden]').val(code);                
        });
    }

    Wenn mein Formular abgeschickt wird erhalten wir den editor den Wert und kopieren Sie Sie zum versteckten Eingang.

    InformationsquelleAutor der Antwort Ben Foster

  3. 6

    Können davon ausgehen, dass wir initialisiert, ace-editor auf einen tag in html.
    EX: <div id="MyAceEditor">this the editor place holder</div>.

    Im Abschnitt javascript nach dem laden ace.js,

    Erste Schritt ist das finden eines editor-Instanz als unten.

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

    , Um den Wert von ace-editor, verwenden getValue () - Methode, wie unten dargestellt.

    var myCode = editor.getSession().getValue();

    Um den Wert der ace-editor(drücken Sie einige code in den editor), verwenden Sie setValue() Methode wie unten.

    editor.getSession().setValue("write your code here");

    InformationsquelleAutor der Antwort Sairam Venkata

  4. 6

    Ich lösen dieses problem mit einem hidden input 🙂

        <input type="hidden" name="komutdosyasi" style="display: none;">
    <script src="/lib/aceeditor/src-min/ace.js" type="text/javascript" charset="utf-8"></script>

<script>
    var editor = ace.edit('editor');
        editor.session.setMode("ace/mode/batchfile");
        editor.setTheme("ace/theme/monokai");

    var input = $('input[name="komutdosyasi"]');
        editor.getSession().on("change", function () {
        input.val(editor.getSession().getValue());
    });
</script>

    InformationsquelleAutor der Antwort SelçukDERE

Schreibe einen Kommentar