La création de l'éditeur de Texte enrichi AngularJS

Je sais qu'il y a beaucoup de grands éditeurs de texte riches là-bas qui peut facilement être porté à anguleuses et beaucoup de discussion sur la façon de le faire, mais j'aimerais créer mon propre.

J'ai l'idée de base vers le bas:

  • créer une zone de texte et de regarder l'entrée et à effectuer une fonction que l'entrée change. Je suis familier avec le ngBindhtml la directive, dans la mesure où je peux l'appliquer à un élément.

Une idée de comment je pourrais être capable de créer une fonction qui rendrait le texte brut en html?

La plupart des éditeurs de masquer la zone de texte, et d'afficher les données en cours de saisie dans un div à sa place. Une excellente façon de commencer est de regarder vraiment des exemples simples, puis de créer votre directive.
Que de fausses solutions à un apparemment le problème complexe
Vous trouverez également cette nécessaire: stackoverflow.com/questions/263743/...
github.com/angular-ui/ui-tinymce/blob/master/src/tinymce.js ?
Avez-vous vu Textangular? Si vous êtes à la recherche pour faire votre propre, il ya sans doute beaucoup à apprendre de lui.

OriginalL'auteur richbai90 | 2013-04-26

  1. 12

    Je l'ai essayé avant, mais a terminé à l'aide de textAngular.

    Fondamentalement, j'ai remplacé le textarea avec un iframe, semblable à la manière de tinyMCE.

    La contenteditable sur un élément vous permettent de remplacer le textarea et d'écrire directement sur la div. Vous insérez tous les éléments html comme les en-têtes et le texte de cette façon. Vous devrez gérer la position du curseur sur le texte, appliquer des styles basés sur les boutons et la sélection de texte, etc.

    OriginalL'auteur Gui

  2. 0

    Bien, je suis aussi tombée sur ce et créé mon propre éditeur m'a demandé d'ajouter des fonctionnalités comme Table addition etc. Les pensions de titres sont encore en développement, mais vous pouvez avoir une certaine idée en prenant un coup d'oeil à ce plunkr. Contrairement à l'ancien réponses, j'ai essayé de le garder comme un component de sorte qu'il peut être réutilisé à de nombreux autres endroits requis.

    Vous pouvez star ce repo git pour rester à jour ou n'hésitez pas à ajouter vos entrées

    Retiré en double sna d'autres question

    OriginalL'auteur Shashank Vivek