Встроенное редактирование

Дважды щёлкните по задаче или проекту, чтобы отредактировать их в режиме встроенного редактирования. Встроенное редактирование включено по умолчанию.

Подсказка

При включении режима readonly в To Do List встроенное редактирование становится недоступным.

Поддерживаемые форматы данных

Встроенный редактор принимает три типа данных: текст и числа, хэштеги и даты.

Текст и числа

Вводите любой текст или числа непосредственно во встроенный редактор.

Хэштеги

Используйте хэштеги для категоризации задач и улучшения их поиска. Соблюдайте следующие правила:

• хэштег объединяет символ # с буквами и цифрами (например, #sport)
• чтобы создать хэштег, введите #, затем хотя бы один символ (например, #t) и нажмите Enter
• To Do List поддерживает неограниченное количество хэштегов — разделяйте их пробелами (например, #tag #tag1)
• все хэштеги доступны во всех проектах
• чтобы просмотреть список хэштегов, введите символ #
• чтобы добавить хэштег к задаче, нажмите на него в списке
• чтобы активировать строгую фильтрацию, нажмите на хэштег или введите его в строку поиска на панели инструментов

К сведению

Создайте список тегов по умолчанию с помощью свойства tags.

Даты

Чтобы ввести дату через встроенный редактор, введите символ ! — на странице появится встроенный выбор даты.

Также можно обернуть текст в специальные символы !(). Например, введите !(Enter Booking date) и нажмите Enter, чтобы закрыть редактор. Нажмите на этот текст позже, чтобы снова открыть выбор даты.

К сведению

Отображение даты зависит от locale и формата даты.

Работа с редактором

Чтобы открыть редактор для конкретной задачи или проекта, используйте метод openInlineEditor(). Фрагмент ниже открывает редактор для указанной задачи:

list.openInlineEditor({ id: "1.1.1" });

Чтобы закрыть редактор и сохранить изменения, передайте id элемента в метод closeInlineEditor():

list.closeInlineEditor({
    id: "1.1.1"
});

Чтобы закрыть редактор без сохранения изменений, установите параметр save в false. Пример ниже отменяет изменения при закрытии:

list.closeInlineEditor({
    id: "1.1.1",
    save: false
});

Отслеживание изменений в редакторе

Подпишитесь на событие edit-item, чтобы отслеживать значение, вводимое во встроенный редактор. Событие срабатывает по мере ввода пользователя, до сохранения значения.

Фрагмент ниже записывает в консоль текущее значение редактора для задачи или проекта:

list.api.on("edit-item", ({ id, currentValue }) => {
    console.log("Current value of", id, "is", currentValue);
});

Сочетания клавиш

К сведению

Подробнее см. в руководстве Навигация с клавиатуры.