3

Мучаюсь уж как 2 дня, подскажите как сделать такое:

Есть картинки(иконки)сверху, нужно, чтобы при нажатие на любую из них в textarea который ниже находиться вставлялись спец коды к примеру <b></b>, то есть HTML коды. мне подсказали что это делается на jquery.

3
  • 1
    при нажатии на картинки <b></b> добавит в textarea, так?
    – bemulima
    24 фев 2014 в 13:25
  • возможно, вы имели ввиду BB - коды?
    – mountpoint
    24 фев 2014 в 14:50
  • первый комментарий bemulima верный, мне именно так нужно
    – Dimcheg
    24 фев 2014 в 15:00

1 ответ 1

4

Используй любой из WYSIWYG-редакторов. Если по-своему, то можно так:

HTML:

<textarea name="" id="qwe" cols="30" rows="10"></textarea>
<div class="icon" data-type='b'>b</div>

JS:

var ta = $('#qwe'),
    ico = $('.icon');

ico.on('click', function(){
    switch ($(this).data('type')){
        case 'b':
            ta.val( ta.val() + '<b></b>' );
            break;
//можно дописать другие кейсы для новых иконок
    }
});

Демо

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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.