Есть bbcode как сделать что бы при нажатии на картинку bbcod появлялся в форме textarea
Вот код js

function tag(text1, text2) {
if
((document.selection)) {
document.message.msg.focus();
document.message.document.selection.createRange().text = text1+document.message.document.selection.createRange().text+text2;
} else if(document.forms['message'].elements['msg'].selectionStart!=undefined)
{
var element = document.forms['message'].elements['msg'];
var len = document.message.msg.selectionStart;
var str = element.value;
var scroll = document.message.msg.scrollTop;
var start = element.selectionStart;
var length = element.selectionEnd - element.selectionStart;
element.value = str.substr(0, start) + text1 + str.substr(start, length) + text2 + str.substr(start + length);
var scroll2 = scroll + text1.length + text2.length + length;
document.message.msg.scrollTop = scroll2;
var len2 = text1.length + len + text2.length + length;
document.message.msg.setSelectionRange(len2,len2);
document.message.msg.focus();
} else
{document.message.msg.value+= text1+text2;
}
}


Вот сама панель


<div class="tagspanel">
<a href="javascript:tag('')"><img src="../../images/bb/l.png" alt="url" title="Изображение"></a>
<a href="javascript:tag('', '')"><img src="../../images/bb/b.png" alt="b" title="Жирный"></a>
<a href="javascript:tag('', '')"><img src="../../images/bb/i.png" alt="i" title="Наклонный"></a>
<a href="javascript:tag('', '')"><img src="../../images/bb/u.png" alt="u" title="Подчёркнутый"></a>
<a href="javascript:tag('', '')"><img src="../../images/bb/re.png" alt="red" title="Красный"></a>
<a href="javascript:tag('', '')"><img src="../../images/bb/gr.png" alt="green" title="Зелёный"></a>
<a href="javascript:tag('', '')"><img src="../../images/bb/bl.png" alt="blue" title="Синий"></a><br />
</div>


в textarea id = msg
С меня +
________
посл. ред. 14.02.2019 в 00:59; всего 2 раз(а); by Alex Fartovy

https://bym.guru/downloads/zip_open.php?act=pre&id=76831&index=48

Вот тебе, рабочий пример. Юзай