При нажатии вставить HTML коды в textarea

#jquery #html #css #javascript

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

Ответы

Ответ 1

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

b

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

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

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