Gibt es ein gutes in-browser-code-editor?

Wir haben alle gesehen, die in-browser rich-text-Editoren, die Ihnen erlauben, zu Bearbeiten, farbigen/formatierter text in einem WYSIWYG Weise. Aber was ist mit code-Editoren, die automatisch highlight-code auf der Sprache basierende Regeln, die Sie geben? Denke, dass Eclipse in einem textarea (aber ohne die refactoring-Unterstützung).

Tun solche Dinge existieren? Ich kann mir vorstellen Skalierung wäre ein problem - bei größeren Dateien wäre nur schwer zu Bearbeiten effizient.

InformationsquelleAutor der Frage |

  1. 38

    Nutzung des Codemirror kommt mit Unterstützung für 60+ Sprachen, addons und implementieren die fortgeschrittenen Funktionen (Auto-Vervollständigung, code-folding, konfigurierbare key-bindings, suchen & ersetzen, linter-integration usw.). Eine reiche Programmier-API und CSS-theming-system stehen für die customizing-Nutzung des Codemirror, und erweitern diese mit neuen Funktionen.

    Es wurde entwickelt, seit Anfang 2007, hat eine Wikipedia-Seiteund wird verwendet in einer Vielzahl von populären open-source-Projekten (Joomla, Firebug etc.).

    InformationsquelleAutor der Antwort interstar

  2. 13

    Ace. Sie nicht mit einem iFrame.

    InformationsquelleAutor der Antwort

  3. 8

    Den editArea javascript-Bibliothek hat einen ziemlich guten job. Es ist verwendet durch die OpenCMS content-management-system, wie es in-place-JSP-und JavaScript-editor. Die Einfärbung wird das ein bisschen verwirrt, wenn die Datei > 2000 Zeilen oder so.

    Die feature-Liste von deren Seite ist:

    • Einfach zu integrieren, nur ein Skript enthalten und eine Funktion aufrufen
    • Tab-Unterstützung (ermöglichen, gut zu schreiben formatierter Quellcode)
    • Suchen und ersetzen (mit regexp)
    • Anpassbare Echtzeit-syntax-Hervorhebung (derzeit: PHP, CSS, Javascript, Python, HTML, XML, VB, C, CPP, SQL, Pascal, Basic, Brainf*ck)
    • Auto-Einrückungen, neue Zeilen
    • Zeilennummerierung
    • Multilanguage support (derzeit: Kroatisch, Dänisch, Deutsch, Englisch, Französisch, Deutsch, Italienisch, Japanisch, Polnisch, Portugiesisch)
    • Full screen mode
    • Können in der gleichen Umgebung, als "protype" und "mootools"'s wie Bibliotheken.

    InformationsquelleAutor der Antwort Tim Howland

  4. 7

    Mozilla Bespin sah sehr interessant, aber das Projekt wurde eingestellt.

    InformationsquelleAutor der Antwort

  5. 1

    Dies ist eine seitliche Vorschlag -- aber ich benutze die Firefox-plugin "It' s All Text!" sende ich den text-Bereiche zur Bearbeitung-alle guten Markierungen,Suche, usw.

    Natürlich ist das user-abhängig, und kann nicht einfach ausgerollt, um die Besucher, wenn das ist Ihre Absicht.

    Jedoch Neige ich dazu zu bekommen, irritiert durch die Grenzen der in-browser-Editoren sowieso. (Die Art und Weise, SO fängt mein C-k während der Bearbeitungen NOCH fängt mich off-guard... [was bedeutet, dass ich nicht Bearbeiten alles in Emacs...])

    InformationsquelleAutor der Antwort Michael Paulukonis

  6. 1

    Javascript VIhat einige bugs, aber ist eine interessante Idee. VI FTW!!!

    InformationsquelleAutor der Antwort hacama

  7. 1

    können Sie aus dockPHP StackHive für web-Entwicklung (basierend auf Nutzung des Codemirror). Jetzt unterstützt es HTML/CSS-Entwicklung, aber ich arbeite an live javascript-ing.

    Disclaimer : ich bin der Gründer an dockPHP 🙂

    InformationsquelleAutor der Antwort

  8. 1

    Cloud9 sieht interessant aus, wenn Sie einen JavaScript-Entwickler.

    Amy-Editor ist ein weiteres browser-basierten editor, denen ich begegnet bin heute - es sieht aus wie es versucht, zu emulieren TextMate in die browser - einschließlich Bundles und Snippets - obwohl das Projekt wie es aussieht ist wahrscheinlich tot... Homepage/Demo und source auf GitHub

    InformationsquelleAutor der Antwort

  9. 1

    Benutze ich codiad. Ich habe es mit PHP, js und C. Merkmale:

    • Unterstützung für 40+ Sprachen
      Plugin-Bibliothek
    • Error checking & Benachrichtigungen
    • Mehrere Benutzer Unterstützung
    • Editor-Bildschirm Aufspaltung
    • LocalStorage-Redundanz
    • Erweiterte Suche Werkzeuge
    • Smart-auto-complete
    • Real-Time-Collaborative-editing -
    • Über 20 Syntax-Farbschemata
    • Komplett Open-Source
    • Leicht angepasst Quelle
    • Läuft auf Ihrem eigenen server
    • Quick-Download-sicherungen
    • Maximale editor-Bildschirm Platz
    • i18n Sprachunterstützung

    http://codiad.com

    InformationsquelleAutor der Antwort

  10. 0

    Eclipse Orion bietet ein full-geblasen Code Bearbeiten und einer minified Orion-Editor. Sie können sehen, seine demo hier.

    InformationsquelleAutor der Antwort

  11. 0

    codesandbox.com ist eine kommende Wahl für mehrere frameworks.

    InformationsquelleAutor der Antwort

Schreibe einen Kommentar