Это действительно замечательный пользовательский интерфейс, который я могу редактировать мои списки при нажатии без особых кнопок. Он выглядит как большой редактор wysiwyg с подсветкой ссылок и тегов. Какая техника js используется? Contenteditable для отслеживания фокуса, а затем textarea для редактирования?Каким образом выполняется встроенное редактирование?
Я один из двух парней, которые строят WorkFlowy. Когда вы перемещаете мышь вокруг страницы, у нас есть текстовая область opacity:0, которая позиционируется над текстом для элемента, который вы навешиваете в любой момент. Он имеет то же самое содержимое и форматирование, что и основной контент.
Когда вы нажимаете, он фокусирует текстовую область, и мы делаем ее opacity:1, а контент имитирует opacity:0. Затем, когда вы печатаете, мы синхронизируем контент между текстовым полем и целевым контентом. Вероятно, в будущем мы перейдем к совершенно невидимой текстовой области, так как это позволит редактировать текст в большом формате. Это то, что делают многие IDE на основе html.
Для Workflowy требуется учетная запись пользователя, чтобы увидеть ее в действии. –