Реализовать класс TailwindCSS из бэкэнда ⇐ CSS

[Anonymous]

Я пытаюсь создать конструктор веб-сайтов, в котором пользователи смогут устанавливать цвета в соответствии со своими потребностями, просто щелкая по цветам. Основная проблема, цвет не работает. Вот функция

Код: Выделить всё

function generateTemplateClass($input)
{
$class = [];
$style = [];
if ($input && count($input) > 0) {
foreach ($input as $key => $item) {
switch ($key) {
case 'backgroundColor':
$style[] = "background-color: {$item}";
$class[] = "bg-[{$item}]";
break;
case 'textColor':
$style[] = "color: {$item}";
$class[] = "text-[{$item}]";
break;
}
}
}
$result = [
'class' => $class,
'style' => $style,
];
return $result;
}

Блейд-файл:

Код: Выделить всё

.....

Выход:

Код: Выделить всё

.....

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

Подробнее здесь: https://stackoverflow.com/questions/786 ... om-backend