Выбор цвета текста из политры (v 1.1)

[Kryl]

Совместимость - все версии
Изменения в БД - Не требуются
Установка - легко
Автор - KRYL
Общественное достояние - да

Спойлер: Инсталл

Закинуть скрипт в папку где у Вас находятся скрипты
Открыть posting_editor.tpl
Найти секцию

<select name="codeColor" class="text_color">
    <option style="color: black; background: #fff;" value="black" selected="selected">{L_QR_COLOR_SEL}:</option>
    <option style="color: darkred;" value="darkred">&nbsp;{L_COLOR_DARK_RED}</option>
    <option style="color: brown;" value="brown">&nbsp;{L_COLOR_BROWN}</option>
    <option style="color: #996600;" value="#996600">&nbsp;{L_COLOR_ORANGE}</option>
    <option style="color: red;" value="red">&nbsp;{L_COLOR_RED}</option>
    <option style="color: #993399;" value="#993399">&nbsp;{L_COLOR_VIOLET}</option>
    <option style="color: green;" value="green">&nbsp;{L_COLOR_GREEN}</option>
    <option style="color: darkgreen;" value="darkgreen">&nbsp;{L_COLOR_DARK_GREEN}</option>
    <option style="color: gray;" value="gray">&nbsp;{L_COLOR_GRAY}</option>
    <option style="color: olive;" value="olive">&nbsp;{L_COLOR_OLIVE}</option>
    <option style="color: blue;" value="blue">&nbsp;{L_COLOR_BLUE}</option>
    <option style="color: darkblue;" value="darkblue">&nbsp;{L_COLOR_DARK_BLUE}</option>
    <option style="color: indigo;" value="indigo">&nbsp;{L_COLOR_INDIGO}</option>
    <option style="color: #006699;" value="#006699">&nbsp;{L_COLOR_STEEL_BLUE}</option>
</select>

Заменить на код

<script type="text/javascript" src="{SITE_URL}styles/js/jscolor.min.js"></script>
<script>
function update(picker) {
    document.getElementById('out').innerHTML = [
        ' ' + picker.toString(),
        
    ].join('\n');
}
jscolor.trigger('input');
</script>
<script>
// Here we can adjust defaults for all color pickers on page:
jscolor.presets.default = {
    position: 'right',
    palette: [
        '#000000', '#7d7d7d', '#870014', '#ec1c23', '#ff7e26',
        '#fef100', '#22b14b', '#00a1e7', '#3f47cc', '#a349a4',
        '#ffffff', '#c3c3c3', '#b87957', '#feaec9', '#ffc80d',
        '#eee3af', '#b5e61d', '#99d9ea', '#7092be', '#c8bfe7',
    ],
    //paletteCols: 12,
    //hideOnPaletteClick: true,
};
</script>
<select name="codeColor" data-jscolor="{onInput:'update(this)', alpha:1.0, position:'right'}">
<option style="color: black; background: #fff;" value="black">{L_QR_COLOR_SEL}:</option>
<option  id="out"  style="color: <a id="out"></a>;" ></option>
</select>

В строчке

<script type="text/javascript" src="{SITE_URL}styles/js/jscolor.min.js"></script>

прописать путь к скрипту

Сначала выбирается цвет, потом по нажатию на выбранный цвет, оборачивается выделенный текст .
Обновлено до версии 1.1