将文本输入转换为图像

Question

我有一个输入字段，用户可以在其中插入以逗号分隔的关键字。我想生成一个带有 src 关键字的图像，默认文件扩展名为 .png。图片是根据预期的关键字命名的，因此这里不会创建图片文件。

例如，一个列表：

[小狗、小猫、气球、饼干]

输入带有图片的关键字后，该内容的小图标会在层次结构的另一个位置弹出。

我已经对 jquery 足够熟悉，可以使用类似的技巧，但我不确定如何处理逗号分隔的列表部分。我可以获取输入字段的 value 属性，然后将图像的 src 设置为该值，作为变量。但是如何仅捕获逗号之间的内容是主要问题。 （逗号后的空格无关紧要）

Answer 1

您可以进行拆分/修剪/映射：

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

这会给你一个很好修剪的单词数组。