[vladimir003]

Сейчас исправил, но все равно символ вставляет в конце, может из-за первого скрипта?

<form method="post">
            <div class="form-group">
<script>

function push(but, id, tag) {
    document.getElementById(id).value += tag;
}
</script>

            <textarea name="text" id="input" class="form-control" rows="5">
<?= htmlspecialchars($text) ?></textarea><br />
<script>
    var input = document.getElementById('input');
    function input.value += '|' {
        var value = input.value;
        var selection = [input.selectionStart, input.selectionEnd];
        value = value.substring(0, selection[0]) + '|' + value.substring(selection[1]);
        input.value = value;
        input.focus();
        input.selectionStart = selection[0]  + 1;
        input.selectionEnd = selection[0] + 1;
    }
</script><button class="btn btn-default" type="button" onclick="input.value += '|'">Вставить «|»</button></form>