Я добавил пример mustache.js, добавив метод escapeHTML()
к строковому объекту.
var __entityMap = {
"&": "&",
"<": "<",
">": ">",
'"': '"',
"'": ''',
"/": '/'
};
String.prototype.escapeHTML = function() {
return String(this).replace(/[&<>"'\/]/g, function (s) {
return __entityMap[s];
});
}
Таким образом, довольно легко использовать "Some <text>, more Text&Text".escapeHTML()
Я думаю, что создание индивидуальных изображений всех возможных цветовых комбинаций и использование образцов является хорошим выбором.
Базовая комбинация - это разные фигуры одного цвета.
Другая новая комбинация должна основываться на концепции «тонна окружающая среда», это означает, что все предметы должны быть одного цвета.
Например: https://www.ostraining.com/cdn/images/magento/images/swatch-images-magento.png