Форум PHP программистов > Редактор текста!

[ Поиск ] - [ Пользователи ] - [ Календарь ]

denizkin

18.02.2011 - 01:41

Всем привет!

Написал сайт с админкой,в админке есть ввод текста и так же туда могу хтмл коды вставлять!

Хотелось бы сделать кнопочки для редактирования текста,как на форуме когда вводишь нажимаешь кнопочку и появляются теги <b>!

Как сделать?

Большое спасибо заранее,за помощь!

Спустя 28 секунд (18.02.2011 - 00:41) Сандин написал(а):

http://irbis-team.com/15/18

Спустя 22 часа, 11 минут, 32 секунды (18.02.2011 - 22:53) denizkin написал(а):

Не поверишь! это я всё написал!
У меня вопрос намного проще и тупее!

Чего надо написать в обработчик кнопки,чтоб например была кнопка на которой написана буква B (тобишь чтоб выделять шрифт Жирным)!
Чтоб уже написан какой-то текст в форме,я жму кнопку и у меня в конец текста добавляется тег '['b] text '['/b] ??

Спустя 10 минут, 13 секунд (18.02.2011 - 23:03) waldicom написал(а):

Готовый редакторо не подойдет? Например TinyMCE

Спустя 1 минута, 30 секунд (18.02.2011 - 23:04) SerginhoLD написал(а):

на js эт делается

go to

Спустя 14 часов, 58 минут, 45 секунд (19.02.2011 - 14:03) denizkin написал(а):

Цитата (waldicom @ 18.02.2011 - 20:03)

Готовый редакторо не подойдет? Например TinyMCE

Не! Охота самому понять как это делается))

Цитата (SerginhoLD @ 18.02.2011 - 20:04)

на js эт делается

go to

Спасибо большое! То,что нужно!

Спустя 2 часа, 59 минут, 12 секунд (19.02.2011 - 17:02) LRCenter написал(а):

SerginhoLD
Не фига там наворочено! Проще надо быть. Меньше кода - меньше багов © :)

<script>
function tag (obj, pre, after){
if (document.selection)
with (document.selection.createRange ()) {text = pre + text + after}
else if (obj.selectionStart)
with (obj){
var t = scrollTop, l = scrollLeft, txt = obj.value,
st = selectionStart, ln = selectionEnd - st; focus ();
value = txt.substr (0, st) + pre + txt.substr (st, ln) + after + txt.substr (st + ln);
selectionStart = selectionEnd = st; scrollTop = t; scrollLeft = l;} 
else
obj.value += pre + after;}
</script> 

<textarea wrap="off" id="txa" rows="10" cols="40"></textarea> 
<hr> 
<a href=#" onclick="tag(document.getElementById ('txa'), '{b}', '{/b}');">Жирный</a>

Спустя 4 часа, 33 минуты, 6 секунд (19.02.2011 - 21:35) denizkin написал(а):

Цитата (LRCenter @ 19.02.2011 - 14:02)

SerginhoLD
Не фига там наворочено! Проще надо быть. Меньше кода - меньше багов © :)

<script>
function tag (obj, pre, after){
if (document.selection)
with (document.selection.createRange ()) {text = pre + text + after}
else if (obj.selectionStart)
with (obj){
var t = scrollTop, l = scrollLeft, txt = obj.value,
st = selectionStart, ln = selectionEnd - st; focus ();
value = txt.substr (0, st) + pre + txt.substr (st, ln) + after + txt.substr (st + ln);
selectionStart = selectionEnd = st; scrollTop = t; scrollLeft = l;} 
else
obj.value += pre + after;}
</script> 

<textarea wrap="off" id="txa" rows="10" cols="40"></textarea> 
<hr> 
<a href=#" onclick="tag(document.getElementById ('txa'), '{b}', '{/b}');">Жирный</a>

Вот это вообще как-надо! Просто и со вкусом как говориться,как я люблю)) Не навижу кучу кода)

Спустя 4 часа, 36 минут, 58 секунд (20.02.2011 - 02:12) denizkin написал(а):

А как сделать выпадающий список с выбором цвета?))


<input type="button" name="javascript:void(0);" onclick="insertTag('description','<span style="color: red;">','</span>');" value="красный">

Вот просто допустим у меня кнопка с красным,а как организовать для такого же список?)

Пробовал,по всякому чёт никак! Как реализовать?


<form id="someform">
                <select id="sample">
                  <option value="insertTag('description','<span style="color: red;">','</span>');">Красный</option>
                  <option>Option 2</option>
                  <option>Option 3</option>
                </select> 
            <input type="submit" name="javascript:void(0);" value="применить" />

Спустя 4 часа, 5 минут, 48 секунд (20.02.2011 - 06:18) LRCenter написал(а):

denizkin
Типа того?

<select size=1>
<option>Выбрать цвет</option>
<option style='color: ff0000' value="text" onclick="tag(document.getElementById ('txa'), '<span class=red>', '</span>');">Красный</option>
</select>

Спустя 7 часов, 15 минут, 56 секунд (20.02.2011 - 13:34) denizkin написал(а):

Цитата (LRCenter @ 20.02.2011 - 03:18)

denizkin
Типа того?

<select size=1>
<option>Выбрать цвет</option>
<option style='color: ff0000' value="text" onclick="tag(document.getElementById ('txa'), '<span class=red>', '</span>');">Красный</option>
</select>

типа такого,тока неработает((
Когда я выбираю,красный,у меня курсор снимается,тобишь селект должен быть в купе с кнопкой))

И вообще хотелось бы сделать для функции как сверху,но и так пойдёт!

Главное,чтоб заработало!

Спустя 1 час, 36 минут, 38 секунд (20.02.2011 - 15:11) LRCenter написал(а):

<script>
function tag (obj, pre, after){
if (document.selection)
with (document.selection.createRange ()) {text = pre + text + after}
else if (obj.selectionStart)
with (obj){
var t = scrollTop, l = scrollLeft, txt = obj.value,
st = selectionStart, ln = selectionEnd - st; focus ();
value = txt.substr (0, st) + pre + txt.substr (st, ln) + after + txt.substr (st + ln);
selectionStart = selectionEnd = st; scrollTop = t; scrollLeft = l;} 
else
obj.value += pre + after;}
</script> 

<textarea wrap="off" id="txa" rows="10" cols="40"></textarea> 
<hr> 
<a href=#" onclick="tag(document.getElementById ('txa'), '{b}', '{/b}');">Жирный</a>
<select size=1>
<option>Выбрать цвет</option>
<option style='color: ff0000' value="text" onclick="tag(document.getElementById ('txa'), '<span class=red>', '</span>');">Красный</option>
</select>

Странно. У меня все работет.

Спустя 2 часа, 10 минут, 40 секунд (20.02.2011 - 17:21) denizkin написал(а):

Цитата (LRCenter @ 20.02.2011 - 12:11)

<script>
function tag (obj, pre, after){
if (document.selection)
with (document.selection.createRange ()) {text = pre + text + after}
else if (obj.selectionStart)
with (obj){
var t = scrollTop, l = scrollLeft, txt = obj.value,
st = selectionStart, ln = selectionEnd - st; focus ();
value = txt.substr (0, st) + pre + txt.substr (st, ln) + after + txt.substr (st + ln);
selectionStart = selectionEnd = st; scrollTop = t; scrollLeft = l;} 
else
obj.value += pre + after;}
</script> 

<textarea wrap="off" id="txa" rows="10" cols="40"></textarea> 
<hr> 
<a href=#" onclick="tag(document.getElementById ('txa'), '{b}', '{/b}');">Жирный</a>
<select size=1>
<option>Выбрать цвет</option>
<option style='color: ff0000' value="text" onclick="tag(document.getElementById ('txa'), '<span class=red>', '</span>');">Красный</option>
</select>

Странно. У меня все работет.

Попробовал в другом браузере всё работает!

Короче во всех браузерах кроме сафари работает,я просто 90 процентов в сафари сижу и в нём почему то не работает! Ну ладно,разберусь!

Спасибо большое за помощь!

Спустя 3 часа, 10 минут, 1 секунда (20.02.2011 - 20:31) LRCenter написал(а):

denizkin
Ну блин вы и загнули))
Сафари этож под мак осью, там половина стандартов DOM, вообще не согласованы со всем остальным миром, бросайте вы нафиг этот сафари, и пересаживайтесь на хром или оперу, под мак вроде есть версии.

Спустя 3 дня, 21 час, 7 минут, 46 секунд (24.02.2011 - 17:39) denizkin написал(а):

Цитата (LRCenter @ 20.02.2011 - 17:31)

Есть и хром,и опера,и мозилла)) Набрал короче кучу!

А не дашь почитать,если где видел,в чём там не согласованность!))
А то часто бывают разные баги,в другой браузер раз нормально,в третий заходишь там ещё прикольней этот баг)) Руки то как говорится,только ещё прямлю!

Спустя 14 минут, 14 секунд (24.02.2011 - 17:53) LRCenter написал(а):

denizkin
Дам конечно:

http://htmlbook.ru/

_____________
dgurianov.ru / hp-webos.ru

Быстрый ответ:

Здесь расположена полная версия этой страницы.