Цвет текста в тексте ввода с разным цветом

Question

Я хотел бы выделить текст в полях ввода, основываясь на правильном шаблоне. Поэтому мне нужно иметь возможность выделить часть текста разными цветами. Например:

{pseudo} 
    AB{red}CD{/red} 1234{yellow}5678{/yellow} 
{/pseudo} 

Answer 1

Я провел некоторое расследование и обнаружил, что такие вещи делают с помощью textarea и редактируемого iframe.

Answer 2

я бы, вероятно, сделать несколько полей ввода, которые имеют нулевую границу и тот же фон, а затем поместить те в DIV, который выглядит как поле ввода. Установите их цвета по-разному, затем добавьте javascript, который, если поле пуст, автоматически устанавливает фокус в первое поле ввода и просто автоматически переходит к следующему по типу.