Как придать другой цвет выбранному диапазону в редакторе расширенного текста?

#javascript #range #selection #wysiwyg #rich-text-editor

Вопрос:

Я создаю пользовательский редактор расширенного текста. Однако, в отличие от выделения выделенного диапазона жирным шрифтом, курсивом или подчеркиванием, я не могу сделать его другим цветом, просто используя теги обертывания. Как я могу достичь того, чего хочу ?

Комментарии:

1. попробуйте классы css?

2. Для этого мне нужно завернуть его в элемент span или что-то в этом роде, что, на мой взгляд, не является идеальным решением, поэтому я ищу, есть ли лучшее.

3. как вы меняете стиль/оформление текста, не заключая его во встроенный элемент?

4. fwiw, все решения, которые я видел, которые делают такие вещи, как синтаксис, выделяют блоки кода в html, используют встроенные оболочки тегов с классами для установки стилей и цветов шрифтов