Превратить ввод текста в изображение - PullRequest
0 голосов
/ 12 мая 2011

У меня есть поле ввода, где пользователь может вставлять ключевые слова, разделенные запятыми. Я хотел бы создать изображение с src, который является этим ключевым словом, с расширением файла по умолчанию .png. Названия изображений основаны на ожидаемых ключевых словах, поэтому файл изображения здесь не создается.

Так, например, список:

[щенок, котенок, шарик, печенье]

Как только ключевое слово с изображением набрано, маленький значок для этой вещи появляется в другом месте в иерархии.

Я уже достаточно знаком с jquery, чтобы делать подобный трюк, но это разделенная запятыми часть списка, в которой я не уверен, как справиться. Я мог бы взять атрибут value поля ввода, а затем установить src изображения на это значение в качестве переменной. Но как захватить только то, что находится между запятыми, это главный вопрос (Пробел после запятой не имеет значения)

1 Ответ

5 голосов
/ 12 мая 2011

Вы можете сделать сплит / обрезку / карту:

var words = [];
jQuery.each(jQuery.trim(jQuery("#input").val()).split(","), function(index, value){ words.push(jQuery.trim(value));
});

Это даст вам множество слов, красиво обрезанных.

...