какой самый приятный способ вы увидели в отношении редактирования тегов

Question

У меня есть список тегов на веб-сайте рядом с каждой ссылкой, и я хочу, чтобы пользователи могли редактировать этот список (добавлять, удалять, изменять)

Я хочу придумать хитрый способ, чтобы они могли делать это, не чувствуя себя хитрым, чтобы такие вещи, как автозаполнение, ajax без обращения к серверу и т. Д.

Вы видели какие-нибудь примеры действительно изящных способов поддержать это?

Моя первая мысль (которую я сейчас пытаюсь сделать) - иметь кнопку рядом с тегами (редактировать), и когда вы нажимаете на нее, она превращает ссылку в текстовое поле, где вы можете редактировать (автозаполнение), и нажимаете Enter, чтобы совершить.

другие идеи приветствуются. .

Answer 1

Я видел реализованное встроенное редактирование jQuery в сочетании с автозаполнением в стиле facebook . Вы нажимаете на часть «Метки» автозаполнения метки и начинаете вводить метки. Я думал, что это было очень изящно.

Answer 2

Не уверен, что вы подразумеваете под «ajax без обращения к серверу», но замена элементов DOM в jquery с использованием ajax на html, сгенерированный сервером, может быть легко осуществлена ​​с помощью чего-то вроде

function replaceTag(elementId, pageUrl) {
    $.ajax({
        type: "POST",
        url: pageurl + elementId,
        success: function(response) {
            $("#" + elementId).after(response).remove();
        }
    });
}

(непроверенный код)