Tagify — компонент ввода тегов

Tagify — легкий и эффективный компонент ввода тегов в Vanilla JS / React / Angular / Vue.

Преобразует поле ввода или текстовое поле в компонент «Теги» простым и настраиваемым способом с высокой производительностью и небольшим объемом кода, дополненным функциями.

Функции Tagify

  • Может применяться к элементам input и textarea
  • Поддерживает смешанный контент (текст и теги вместе)
  • Поддерживает белый / черный список
  • Поддерживает шаблоны для: компонента оболочки, элементов тегов, списка предложений и т.д.

Посмотрите демонстрацию, ИМХО, это достаточно симпатично:

https://yaireo.github.io/tagify/

GitHub: https://github.com/yairEO/tagify

Возможно на Tagify перейдем. Проверил с десяток, учитывалось много что, советовался. Два дня уже смотрю на это дело, ставлю и сравниваю разные. Выбор тем и блогов относится к основному функционалу и подойти к этому необходимо серьезно.

3 Ответа

  1. Tagify хорошее приложение, как под нативным JS — не знаю, мы для Vue используем. MIT лицензия.

  1. С ума можно сойти с этими тегами, такая ерунда получается. И так бардак, надо порядок наводить, и тут еще:

    If a tag data is represented as an Object, it must contain a unique property value which Tagify uses to check if a tag already exists, among other things, so make sure it is present.

    Incorrect:

    [{ "id":1, "name":"foo bar" }]

    Correct:

    [{ "id":1, "value": 1, "name":"foo bar" }]
    [{ "value":1, "name":"foo bar" }]
    [{ "value":"foo bar" }]

    Это означает то, что к общему набору имен, вдруг, появляется ещё одно.

    Всплывает оно. Думал, что можно передать facet_id не добавляя и не отнимая и не переопределяя. Зачем? Есть facet_id или id ну нет. Где-то должно появиться еще и value. А чтобы вообще правильно было, чтобы не переопределять далее в коде, база должна отдать сразу верный набор.

    В противном случае: посты 2 места, темы — 4 места, сайты 2 места, группы 1 место, править необходимо.

    Даже as делать вроде ничего страшного, говорят… Хотя… как посмотреть. Можно и так глянуть:

    Вы хотите, чтобы для не очень большой библиотеки для периферии, что-то было сделано с базой?

    Перебор, ИМХО. Ладно. Потом порядок наведем. Сперва заставить работать надо. Локально почти сделано. Вообще, конечно не очень. Но это библиотека одна из лучший. Другие совсем (для задач) не то.

    1. Потихоньку-полегоньку и сделаем.