Rich-Text-Editor erstellen AngularJS

8

Ich weiß, dass es viele großartige Rich-Text-Editoren gibt, die leicht zu eckig portiert werden können, und viele Diskussionen darüber, wie man das macht, aber ich würde gerne meine eigenen erstellen.

Ich habe die Grundidee unten:

  • Erstellen Sie einen Textbereich und beobachten Sie die Eingabe und führen Sie eine Funktion aus, wenn sich die Eingabe ändert. Ich bin vertraut mit der ngBindhtml-Direktive, nur soweit ich sie auf ein Element anwenden kann.

Irgendeine Idee, wie ich eine Funktion erstellen könnte, die Klartext in html ?

rendern würde     
richbai90 26.04.2013, 02:43
quelle

1 Antwort

12

Ich habe es schon einmal ausprobiert, aber ich habe textAngular verwendet.

Im Grunde habe ich den Textbereich durch einen iframe ersetzt, ähnlich wie bei tinyMCE.

Mit contenteditable für ein Element können Sie das Textfeld ersetzen und direkt in das div schreiben. Sie würden alle HTML-Elemente wie Header und Text auf diese Weise einfügen. Sie müssen mit der Cursorposition im Text umgehen, Stile basierend auf Schaltflächen und Textauswahl anwenden usw..

    
Guilherme Cardoso 22.04.2014 14:58
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset FreeImage als statische Bibliothek in VS2010 verknüpfen?