angular / angular/components

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

Aperta
#4,444 31 commenti 47 reazioni 0 assegnatari Vedi su GitHub
area: new feature P5
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia esaminando le risorse di Draft.js e il contesto di Angular CDK descritti nell’issue, inclusi i riferimenti collegati all’editor e ai plugin. Definisci l’integrazione Angular proposta, l’ambito dell’API e i criteri di accettazione prima dell’implementazione; il lavoro è completato quando il design del framework e l’integrazione con il progetto sono concordati.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, react
Ambito
frontend
Tipo di issue
Funzionalità
Difficoltà
5/5
Tempo stimato
Più di una settimana
Stato di attività
Ferma
Chiarezza
Da chiarire
Idoneità per principianti
25/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.