Es una gran característica de UI que puedo editar mis listas al hacer clic sin botones específicos. Parece un gran editor wysiwyg con resaltado de enlaces y etiquetas. ¿Qué técnica js usan? ¿Contento para espiar el foco y luego textarea para editar?¿Cómo implementa workflowy la edición en línea?
Soy uno de los dos tipos que construye WorkFlowy. Cuando mueve el mouse por la página, tenemos un área de texto opacity:0 que se posiciona sobre el texto del elemento sobre el que está pasando el mouse en cualquier momento. Tiene exactamente el mismo contenido y formato que el contenido subyacente.
Al hacer clic, enfoca el área de texto y lo hacemos opacity:1, y el contenido que imita opacity:0. Luego, cuando escribe, sincronizamos el contenido entre el área de texto y el contenido del objetivo. Probablemente pasemos a un área de texto completamente invisible en el futuro, ya que eso permitirá la edición de texto enriquecido. Eso es lo que hacen muchos de los IDEs basados en html.
Workflowy parece necesitar una cuenta de usuario para verlo en acción. –