Erstellen von Rich-Text-editor AngularJS
Ich weiß, es gibt viele tolle rich-text-Editoren gibt, kann leicht portiert werden kann, zu eckig und viel Diskussion auf, wie dies zu tun, aber ich würde gerne meine eigenen erstellen.
Habe ich die Grundidee nach unten:
- erstellen Sie ein Textfeld und beobachten Sie die Eingabe und führen Sie eine Funktion als input-Veränderungen. Ich bin vertraut mit der ngBindhtml Richtlinie, aber nur soweit, dass ich ihn anwenden kann, um ein element.
Irgendeine Idee, wie ich möglicherweise in der Lage sein, um eine Funktion zu erstellen, die machen würde Klartext in html
?
- Die meisten Editoren ausblenden des Textes und Anzeige der Daten, die eingegeben wird, in ein div hat seinen Platz. Ein guter Weg, um loszulegen ist ein Blick auf einige wirklich einfache Beispiele und dann erstellen Sie Ihre Richtlinie.
- Das ist eine scheinbar einfache Lösung für ein scheinbar Komplexes problem
- Sie finden auch, dass dies notwendig ist: stackoverflow.com/questions/263743/...
- github.com/angular-ui/ui-tinymce/blob/master/src/tinymce.js ?
- Haben Sie gesehen, Textangular? Wenn Sie schauen, um Ihren eigenen, gibt es wahrscheinlich eine Menge gelernt von ihm.
- Das ist genau das, was ich vorhatte, als ich dies schrieb. Ich werde schauen müssen, mehr in diese.
- Ich könnte empfehlen Sie github.com/stevermeister/ngWig, dass noch mehr leichte als textangular. Gut um die Grundlagen zu lernen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Habe ich versucht, vor, aber am Ende mit textAngular.
Im Grunde ersetzte ich die textarea mit einem iframe, ähnlich wie tinyMCE funktioniert.
Den contenteditable auf einem element erlauben, Sie zu ersetzen Sie die textarea-Komponente und schreiben Sie direkt auf die div. Sie würde legen Sie alle html-Elemente wie überschriften und text auf diese Weise. Sie haben, um die cursor-position bei text, anwenden von Formatvorlagen basierend auf Schaltflächen und text, Auswahl, etc.
Gut, ich kam auch über diese und erstellte meinen eigenen editor, wie ich war erforderlich, um Funktionen hinzuzufügen, wie
Table addition
etc. Das repo ist noch unter Entwicklung, aber Sie können einige Idee indem Sie einen Blick auf diese plunkr. Im Gegensatz zu alten Antworten, ich habe versucht zu halten, es als einecomponent
so dass es wiederverwendet werden kann an vielen anderen Orten, wie erforderlich.Können Sie
star
das git-repo auf dem Laufenden bleiben oder fühlen Sie sich frei, um Ihre Eingaben