Я использую jscolor , чтобы изменить цвет шрифта моего текста, но я хочу изменить значок кнопки на моей странице, и я использую для этого этот код.
<input data-jscolor="{onChange: 'chooseColor(this)'}" class="color-apply" type="button" id="textcolor">
<a href="javascript:void(0)" class="applycolor" onclick="showcolorpicker();"><i class="fal fa-font"></i></a>
и showcolorpicker() функция выглядит следующим образом:
function showcolorpicker() {
document.getElementById("textcolor").click();
}
Этот код работает с обычным <input type="color">, но когда я использую <input type="color"> для применения формата к тексту, только текст, который записывается после того, как мой ввод изменяет не выбранный текст.
код, который я использую для изменения цвета текста:
function chooseColor(mycolor) {
document.execCommand('foreColor', true, mycolor);
}
Я пробовал много всего, чтобы сделать нормальная работа <input type="color">, но ничего не работало должным образом. (это работает только в том случае, если пользователь щелкает выделенный текст после выбора цвета или если он снова нажимает кнопку). Я попытался нажать кнопку, используя JS как только пользователь выберет цвет, но ничего не получится.
Если у вас есть решение для обычного цвета ввода или способ изменить значок для скрипта jscolor, сообщите мне. Спасибо за ваше время.