Добавление в редактор кнопочек цвета и размера шрифта

CyberMama · 2009-12-23 01:03:14

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

В общем.. в 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>

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

и в engine/includes/js/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;

}

в 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);

Изменено CyberMama (2010-03-04 21:31:54)

Евгений · 2009-12-23 01:51:25

CyberMama, ух ты , хорошая вещь! Thx!

RMC · 2009-12-23 02:31:17

спасибо, действительно удобно

beliy · 2012-08-13 13:28:25

Неплохо было бы добавить это по дефолту в стандартный редактор

Дим · 2014-04-05 10:23:57

Поставил себе - работает как надо +

irbees2008 · 2014-04-06 12:08:54

В свн версии не работает

irbees2008 · 2014-04-06 14:29:48

Вернее работает,просто редактировать надо файл lib/function.js а не engine/includes/js/function.js

Next Generation CMS :: Форум поддержки

Объявление

#1 2009-12-23 01:03:14

Добавление в редактор кнопочек цвета и размера шрифта

#2 2009-12-23 01:51:25

Re: Добавление в редактор кнопочек цвета и размера шрифта

#3 2009-12-23 02:31:17

Re: Добавление в редактор кнопочек цвета и размера шрифта

#4 2012-08-13 13:28:25

Re: Добавление в редактор кнопочек цвета и размера шрифта

#5 2014-04-05 10:23:57

Re: Добавление в редактор кнопочек цвета и размера шрифта

#6 2014-04-06 12:08:54

Re: Добавление в редактор кнопочек цвета и размера шрифта

#7 2014-04-06 14:29:48

Re: Добавление в редактор кнопочек цвета и размера шрифта

Подвал раздела