Im unteren Teil der Frage finden Sie eine verbesserte Lösung für dieses Problem

Ich habe seit einiger Zeit versucht, eine Direktive für das Funktionieren der Auslagerung zu bekommen. Dies ist genau derselbe Editor, der von stackoverflow verwendet wird. Stackoverflow stellt diesen Code hier zur Verfügung:

https://code.google.com/p/pagedown/

Es gibt einige Versionen im Internet, aber keine funktioniert gut. Was ich brauche, ist eines, das mit allen Editor-Schaltflächen wie Stackoverflow angezeigt wird, sowohl wenn es inline codiert ist als auch wenn es als Teil eines ngRepeat inline ist.

Ich möchte, dass diese Direktive funktioniert, wenn sie inline und in einem ng-repeat mit Angular Version 1.2.7 codiert ist. Wenn sich die Modelldaten ändern, muss die Direktive die Auslagerungsansichten aktualisieren, um die neuen Fragen und Antworten anzuzeigen. Wenn der Benutzer den Pagedown-Bearbeitungsbereich ändert, muss die Direktive in der Lage sein, das Modell zu aktualisieren. Wenn der Benutzer auf [Speichern] klickt, müssen die Modelldaten in der Datenbank gespeichert werden (oder zumindest auf einem anderen Objekt, um zu bestätigen, dass sie funktioniert haben).

Die Direktive muss in der Lage sein, auf Änderungen im Modell zu reagieren und die Rohdaten beim Keyup oder beim Klicken auf die Schaltfläche "Ändern" im Bearbeitungsfenster im Modell zu speichern. Folgendes habe ich bisher. Beachten Sie, dass diese Version nicht die Datei "$ wmdInput.on" ("change") enthält, sondern nur einen Anfang für die erforderlichen Elemente darstellt.

Am wichtigsten wäre, wenn dies mit der Version funktionieren würde1.2.7 von Angular und jQuery2.0.3 Bitte beachten Sie, dass ich bei meinem nicht funktionierenden Code Unterschiede zwischen den Versionen 1.2.2 und 1.2.7 festgestellt habe. Ich denke, es ist am besten, wenn eine Lösung für die neueste (1.2.7) Version funktioniert.

Aktualisieren

Ich habe jetzt diese Richtlinie, die einfacher ist und einige der jüngsten Probleme löst, die ich mit dem nicht angezeigten Inhalt hatte. Ich würde wärmstens empfehlen, diese Richtlinie zu verwenden, die auf der akzeptierten Antwort und einigen Verbesserungen basiert:https://github.com/kennyki/angular-pagedown