Хаки и Скрипты Next Generation CMS : Интерфейс, Палитра цветов : Хак - Добавление в редактор кнопочек цвета и размера шрифта

irbees2008 Опубликовано - 5 - апреля Интерфейс

Автор: CyberMama
Обсудить на :на форуме
Адаптировал: CyberMama
Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки

В стандартном редакторе ng всё-таки не хватает выбора цвета и особенно размера шрифта. А цвет текста хоть и был заложен но мы и это упростим.

Приступим.
1. в engine/skins/default/tpl qt_news qt_static (qt_editcomm qt_pmmes - по желанию) в желаемом месте добавляем

Код:

<select name="txtcolor" size="1" onChange="insertfortext('color',document.form.txtcolor[document.form.txtcolor.selectedIndex].value,{area});">
 <option value="#000000"  selected style='background-color:#000000;height:15px;width:40px;'>Цвет 
 <option value="#408080" style='background-color:#408080;height:15px;width:40px;'>
 <option value="#C0C0C0" style='background-color:#C0C0C0;height:15px;width:40px;'>
 <option value="#730200" style='background-color:#730200;height:15px;width:40px;'>
 <option value="#231800" style='background-color:#231800;height:15px;width:40px;'>
 <option value="#044302" style='background-color:#044302;height:15px;width:40px;'>
 <option value="#0D09A3" style='background-color:#0D09A3;height:15px;width:40px;'>
 <option value="#808040" style='background-color:#808040;height:15px;width:40px;'>
 <option value="#800080" style='background-color:#800080;height:15px;width:40px;'>
 <option value="#444444" style='background-color:#444444;height:15px;width:40px;'>
 <option value="#FF0400" style='background-color:#FF0400;height:15px;width:40px;'>
 <option value="#EFE800" style='background-color:#EFE800;height:15px;width:40px;'>
 <option value="#05EF00" style='background-color:#05EF00;height:15px;width:40px;'>
 <option value="#0206FF" style='background-color:#0206FF;height:15px;width:40px;'>
 <option value="#AE08EF" style='background-color:#AE08EF;height:15px;width:40px;'>
 <option value="#FF8C8A" style='background-color:#FF8C8A;height:15px;width:40px;'>
 <option value="#FF80FF" style='background-color:#FF80FF;height:15px;width:40px;'>
 <option value="#FFCCCC" style='background-color:#FFCCCC;height:15px;width:40px;'>
 <option value="#FFCC99" style='background-color:#FFCC99;height:15px;width:40px;'>
 <option value="#000080" style='background-color:#000080;height:15px;width:40px;'>
 <option value="#808080" style='background-color:#808080;height:15px;width:40px;'>
 <option value="#D5CCBB" style='background-color:#D5CCBB;height:15px;width:40px;'>
 <option value="#DDDDDD" style='background-color:#DDDDDD;height:15px;width:40px;'>
 <option value="#FBFF73" style='background-color:#FBFF73;height:15px;width:40px;'>
 <option value="#7CFF7D" style='background-color:#7CFF7D;height:15px;width:40px;'>
 <option value="#A6BEFF" style='background-color:#A6BEFF;height:15px;width:40px;'>
 <option value="#FFFFFF" style='background-color:#FFFFFF;height:15px;width:40px;'>
</select>
<select name="txtsize" size="1" onChange="insertfortext('size',document.form.txtsize[document.form.txtsize.selectedIndex].value,{area});">
 <option value="1" style="font-size:1;"> 1
 <option value="2" style="font-size:2;"> 2
 <option value="3" selected  style="font-size:3"> 3
 <option value="4" style="font-size:4"> 4
  <option value="5" style="font-size:5;"> 5
</select>

Цвета, размеры шрифтов настроить по вкусу.

2.Для релиза 0.93engine/includes/js/function.js ,для SVN lib/function.js добавить в самый конец после }

Код:

function insertfortext(teg,val,field){
        try { var    msgfield = document.getElementById((field=='')?'content':field);
        } catch (err) {
            return false;
        }    
        var open ='['+teg+'="'+val+'"]';
        var close='[/'+teg+']';
    // IE support
    if (document.selection && document.selection.createRange){
        msgfield.focus();
        sel = document.selection.createRange();
        sel.text = open + sel.text + close;
        msgfield.focus();
    }
    // Moz support
    else if (msgfield.selectionStart || msgfield.selectionStart == "0"){
        var startPos = msgfield.selectionStart;
        var endPos = msgfield.selectionEnd;
        msgfield.value = msgfield.value.substring(0, startPos) + open + msgfield.value.substring(startPos, endPos) + close + msgfield.value.substring(endPos, msgfield.value.length);
        msgfield.selectionStart = msgfield.selectionEnd = endPos + open.length + close.length;
        msgfield.focus();
    }
    // Fallback support for other browsers
    else {
        msgfield.value += open + close;
        msgfield.focus();
    }
    return true;}

3. engine/includes/classes/parse.class.php
например после

Код:

$content    =    preg_replace("#\[br\]#is", "<br/>", $content);

Добавить

Код:

while (preg_match("#\[size=\"(.+?)\"\](.*?)\[/size\]#is", $content, $null))

            $content    =    preg_replace("#\[size=\"(.+?)\"\](.*?)\[/size\]#is", '<font size="$1">$2</font>', $content);

Вот и все, все выделения цветомсделаны в этой статье сделаны этим хаком.

Можешь почитать и вот эту статейку "Пишем файл main.tpl"

Это тоже интересно

alcor2008 13.03.2016 - 05:01 Для начала хочу сказать спасибо Вам большое за Ваш огромный труд!

Я сделал все по Вашей инструкции, пробовал изменять и тот и тот файл скрипт:
Для релиза 0.93 engine/includes/js/function.js ,для SVN lib/function.js
Но в результате меню со списками выбора цветов и выбора размера шрифта появляются, но они ничего не изменяют, т.е. выбор чего ни будь из списка не ставит тегов.
Версия Next Generatio CMS 0.9.4 RC1, с официального сайта.

Пробовал устанавливать хак - добавить выбор цвета текста в редактор
http://ngcmshak.ru/interfeis/esze-odin-hak-dobavit-vybor-cveta-teksta-v-redaktor.html

Он установился, но при открытии выбора цветов, рамка с цветами оказывается под блоком куда вводится текст и цвет нельзя выбрать.

Я в этом чайник, пожалуйста, помогите с советом.
Заранее спасибо!

ответить

alcor2008 13.03.2016 - 05:57 Даже не понял что произошло, но все работает!

ответить

irbees2008 14.03.2016 - 03:34 alcor2008, Спасибо за отзыв,если делаете изменения то желательно чистить кеш браузера,после каждого изменения ,чтобы видеть эти изменения

ответить

alcor2008 18.03.2016 - 03:02 irbees2008, Спасибо! Постоянно очищаю на всех браузерах, а у меня их 7. Но почему-то тогда не хотела работать. Наверно с правами доступа что-то не так было.

ответить

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.