angular / angular/components

cdk proposal: framework for rich text editors ("draftjs" for angular)

Ouverte
#4,444 31 commentaires 47 réactions 0 personnes assignées Voir sur GitHub
area: new feature P5
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

tl;dr https://draftjs.org/ for angular

I've been searching the internets and there is nothing that comes even close to draftjs, which is built on top and requires react. What does it do? It solves most of the [contenteditable issues](https://medium.engineering/why-contenteditable-is-terrible-122d8a40e480) and provides api for people to build their own rich text editors on top of it.

Rich text editor doesn't necessarily mean WYSIWYG textarea, it can help with anything from mentions, hashtags to replacing text emoticons with images etc.

![image](https://cloud.githubusercontent.com/assets/1303561/25852521/edeec4ea-34c9-11e7-928c-394a8ffa8ed5.png)

Some of the most popular draftjs plugins can be found [here](https://www.draft-js-plugins.com/) and [here](https://github.com/nikgraf/awesome-draft-js), it should give you an idea what can be done with it.

worth reading:
- https://code.facebook.com/posts/1684092755205505/facebook-open-sources-rich-text-editor-framework-draft-js/
- https://medium.com/@rajaraodv/why-draft-js-and-why-you-should-contribute-460c4a69e6c8
- https://medium.com/@rajaraodv/how-draft-js-represents-rich-text-data-eeabb5f25cf2

I think this could be a great fit for CDK, given that you are eventually planning on creating WYSIWYG anyway.. what do you think?

@jelbourn @mmalerba @kara @andrewseguin @DevVersion @crisbeto

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par examiner les ressources Draft.js et le contexte Angular CDK décrits dans l’issue, y compris les références liées à l’éditeur et aux plugins. Définissez l’intégration Angular proposée, le périmètre de l’API et les critères d’acceptation avant l’implémentation ; le travail est terminé lorsque la conception du framework et son adéquation au projet sont convenues.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, react
Domaine
frontend
Type d'issue
Fonctionnalité
Difficulté
5/5
Temps estimé
Plus d'une semaine
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.