È davvero una grande funzionalità dell'interfaccia utente che posso modificare le mie liste al clic senza pulsanti specifici. Sembra un grande editor wysiwyg con link e tag evidenziati. Quale tecnica js usano? Contenteditable per lo spionaggio e quindi textarea per la modifica?In che modo workflowy ha implementato la modifica in linea?
9
A
risposta
27
Sono uno dei due ragazzi che costruisce WorkFlowy. Quando sposti il mouse sulla pagina, abbiamo un'area di testo opacity:0
che viene posizionata sul testo per l'oggetto che stai passando sopra in qualsiasi momento. Ha esattamente lo stesso contenuto e la stessa formattazione del contenuto sottostante.
Quando si fa clic, l'area di testo viene messa a fuoco e viene creata opacity:1
e il contenuto viene imitato da opacity:0
. Quindi quando digiti, sincronizziamo il contenuto tra la textarea e il contenuto di destinazione. Probabilmente ci sposteremo in un'area di testo completamente invisibile in futuro, poiché ciò consentirà la modifica di testo avanzato. Questo è ciò che fanno molti IDE basati su HTML.
Problemi correlati
- 1. In che modo Facebook ha implementato la barra laterale della chat?
- 2. In che modo Overflow dello stack ha implementato la memorizzazione nella cache?
- 3. Perché Microsoft ha implementato i socket in modo diverso?
- 4. In che modo getClass() è implementato in java?
- 5. In che modo OpenGl è implementato in un sistema operativo?
- 6. MVC 3 WebGrid - è possibile la modifica in linea?
- 7. Come viene implementato LongAccumulator, in modo che sia più efficiente?
- 8. In che modo multiarray.correlate2 (a, v, mode) viene effettivamente implementato?
- 9. Qualcuno ha implementato una wiki in NodeJS?
- 10. In che modo end() è implementato nei contenitori STL?
- 11. In che modo il Multiprocessing Python è implementato su Windows?
- 12. Datatable la modifica in linea, senza plug-in editor di
- 13. NLTK ha implementato TF-IDF?
- 14. Perché gmtime è implementato in questo modo?
- 15. In che modo PHP 5.3 ha interrotto la tua applicazione?
- 16. Perché java.util.Arraylist # clear ha implementato il modo in cui era in OpenJDK?
- 17. Ricerca di una libreria java che ha implementato l'albero binario
- 18. TensorFlow ha implementato la convalida incrociata per i suoi utenti?
- 19. In che modo "diventa" implementato nelle lingue che supportano il modello degli attori?
- 20. In che modo EasyEditSpan viene utilizzato in Android per consentire la modifica parziale del testo?
- 21. In che modo il designer crea un widget Linea?
- 22. Prevenire la modifica della selezione di MKMapView (in modo pulito)
- 23. In che modo std :: unique_ptr non ha overhead di dimensioni?
- 24. In che modo questa risoluzione di sovraccarico ha senso?
- 25. In che modo golan implementa la riflessione?
- 26. in che modo DOS ha eseguito più processi contemporaneamente?
- 27. In che modo Unity JS ha una classe?
- 28. Perché e in che modo HashMap ha la propria implementazione interna di hashCode() chiamata hash()?
- 29. numpy.sum è implementato in modo tale da evitare errori numerici?
- 30. Perché std :: find è implementato in questo modo?
Workflowy sembra richiedere un account utente per vederlo in azione. –