Наипримитивнейший визуальный редактор. Вопросы.

[Semreg]

Уважаемые, подскажите пожалуйста, как сделать?

Мне нужно сделать маленькую форму для добавления новостей на сайт в виде примитивного визуального редактора.

Нужно всего 3 функции:

1) добавить по краям выделенной мышкой области теги <b></b> в поле ввода,

2) добавить по краям выделенной мышкой области теги <i></i>,

3) добавить по краям выделенной мышкой области теги <a></a>

Следовательно я имею форму с <textarea></textarea>

и 3 кнопки:

<a>Жирный шрифт</a>

<a>Курсив</a>

<a>Ссылка</a>

Подскажите пожалуйста js код для кнопок для добавления по краям выделенной области тегов в textarea.

В js - ни в зуб ногой.

Если можно объясните подробно что куда писать =)

[Veseloff]

В js - ни в зуб ногой.

Если можно объясните подробно что куда писать =)

Нет, нельзя. Вот если бы были попытки написать, но что-нибудь бы не получалось, то тогда помог бы, а так - нет. Совет - смотрите как сделано на других сайтах, берите оттуда код и подгоняете его под свои нужды - я когда совершенно не шарил в js, я именно так и делал

[Semreg]

Нет, нельзя. Вот если бы были попытки написать, но что-нибудь бы не получалось, то тогда помог бы, а так - нет. Совет - смотрите как сделано на других сайтах, берите оттуда код и подгоняете его под свои нужды - я когда совершенно не шарил в js, я именно так и делал

Всю ночь просидел. Пытался из 3х форумов такие куски кода выдрать, но так и не удалось. Даже с этого форума пытался форму добавления комментария украсть

Не от ленности спрашиваю. Предполагаю, что кода там кода на 2-3 строчки...

[hf3]

<script type="text/javascript">

function add_p()

{

document.getElementById('comment_field').innerText=document.getElementById('comment_field').innerText+'<p></p>';

}

function add_em()

{

document.getElementById('comment_field').innerText=document.getElementById('comment_field').innerText+'<em></em>';

}

function add_strong()

{

document.getElementById('comment_field').innerText=document.getElementById('comment_field').innerText+'<strong></strong>';

}

</script>

вот тебе вариант на 2 - 3строчки. Хотя он не лучший мягко говоря. - cooment_field приедлаешь к текстарии названия функции на онклик нужных нопок.

[Great Rash]

http://fastcoder.org/articles/?aid=169

[WingedFox]

http://debugger.ru/demo/projects/browserex...mo/bbcodes.html

Почти готовое, за 10 минут можно докрутить до нужного состояния.

Делая скидку на полное незнание JS - за 2 часа.

[Semreg]

Благодарю всех за ответы.

Удалось приспособить предложенный WingedFox скрипт под свои нужды.

То что доктор прописал получилось!